INITIALS - CSS：超过两行的第一个字母

Question

我正在尝试在＆lt;中创建大型首字母p>应该从第二行开始并覆盖两行的元素但是在firefox中第一个字母没有按照我的预期定位（在其他地方工作，即使在IE中，只有FF会产生问题......）

http://jsfiddle.net/6SfHG/1/

任何想法如何让它从同一水平开始？

Answer 1

这对我有用，虽然不是很优雅：

  

因此，要使用垂直对齐的:first-letter伪元素获取跨浏览器首字下沉效果，您需要应用float: left，然后找到字体高度的高度，减小行高为此，调整margin-top以使其在Firefox和Opera或WebKit浏览器中正确对齐，然后对仅IE样式表使用条件注释删除margin-top并更改line-height以正确垂直对齐类型。

p::first-letter {
  float: left;
  font-family: Georgia, serif;
  font-size: 75px;
  line-height: 60px;
  padding: 3px;
}

http://nickcowie.com/2009/drop-caps-first-letter-and-firefox/