INIZIALI - CSS: prima lettera su due righe

Question

Sto provando a creare iniziali grandi negli elementi < p> che dovrebbero iniziare sulla riga di sencond e coprire due righe ma in firefox la prima lettera non è posizionata come mi aspetto (funziona ovunque altro, anche in IE, FF solo rende problemi ...)

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

Tutte le idee come farlo iniziare allo stesso livello?

Answer 1

Questo ha funzionato per me, anche se non è molto elegante:

in modo da ottenere un effetto di cross browser capolettera utilizzando: first-letter pseudo-elemento che verticalmente allinea, è necessario applicare float: left , quindi trova l'altezza dell'altezza del cappuccio del tipo, riduci l'altezza della linea, regola il margine superiore in modo che si allinea correttamente in Firefox e in Opera o in un browser WebKit, quindi utilizza i commenti condizionali per un foglio di stile IE rimuovi i margini in alto e modificare l'altezza della linea per allineare verticalmente il tipo.

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