[SOLUCIONADO] ::first-letter

[zanguanga]

Hola,
estoy intentando hacer una capitular exagerada con este CSS

Código CSS:

p.capitular:first-letter {
    color: #000;
    float: left;
    font-size: 2000%;
}
 

y en Firefox se ve perfectamente y se ajusta bien a diferentes resoluciones de pantalla, pero en Chrome y Safari tengo que añadirle margin o padding para conseguir que se vea igual, por ejemplo

Código CSS:

padding: 20% 0;
 

En resumen, he probado con diferentes sistemas de medidas (en em, etc) pero no lo he conseguido cuando lo ajusto y se ve bien en Chrome y Safari, en Firefox se descuadra y viceversa

El HTML del primer párrafo es este:

Código HTML:

<p class="capitular">Somos un pequeño estudio de <b>INteriorismo EStratégico y ARtesanal</b>, y no concebimos un buen trabajo profesional sin una <b>excelente relación personal con nuestros clientes</b>.</p>
 

¿Alguna idea para poder controlar mejor esta pseudoclase? ¡Gracias!

[zanguanga]

No me pregunteis porqué, pero funciona añadiendo

Código CSS:

line-height:70%;
 

[Rafael]

¿No tendrá que ver aparte con el tipo de display, block o inline?

[zanguanga]

Sí y no, según leí en muchos sitios debería funcionar siempre y cuando el contenedor padre sea display block.
Al final he hecho una variante más heavy con p:first-child::first-letter para que el editor no tenga que poner una clase a ningún párrafo