初始-css：两行第一个字母

Question

我试图在< p>元素中创建大的首字母，它应该在第二行开始并覆盖两行，但在firefox中，第一个字母没有像我期望的那样定位否则，即使在IE浏览器中，只有FF使问题...）

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

任何想法如何使它开始在同一水平？

Answer 1

这工作对我来说，虽然它不是很优雅：第一字母伪元素垂直对齐，您需要申请浮动：

因此，要使用获得跨浏览器的下沉效果左，然后找到字体高度的高度，将行高降低为该高度，调整margin-top，使其在Firefox和Opera或WebKit浏览器中正确对齐，然后对仅IE样式表使用条件注释删除边距 - 顶部并更改行高以正确垂直对齐类型。

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