INICIALES - CSS: primera letra sobre dos líneas

Question

Estoy tratando de crear iniciales grandes en < p> elementos que deben comenzar en segunda línea y cubrir dos líneas, pero en firefox la primera letra no está posicionada como esperaba (funciona en todas partes lo demás, incluso en IE, FF sólo se hace problemas ...)

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

alguna idea de cómo hacer que se inicia en el mismo nivel?

Answer 1

Esto ha funcionado para mí, aunque no es muy elegante:

Así que para conseguir un efecto transversal en letra capital navegador usando: first-letter pseudo-elemento que forma vertical alinea, es necesario aplicar float: left , luego encuentre la altura de la tapa tipográfica, reduzca la altura de la línea a esa, ajuste la margen superior para que se alinee correctamente en Firefox y en Opera o en un navegador WebKit, y luego use los comentarios condicionales para una hoja de estilo IE solo elimine márgenes- superior y cambiar la altura de la línea para alinear verticalmente correctamente el tipo.

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