Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/09/2017, 13:25
Avatar de zanguanga
zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 15 años, 4 meses
Puntos: 429
::first-letter

Hola,
estoy intentando hacer una capitular exagerada con este CSS

Código CSS:
Ver original
  1. p.capitular:first-letter {
  2.     color: #000;
  3.     float: left;
  4.     font-size: 2000%;
  5. }

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:
Ver original
  1. 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:
Ver original
  1. <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!
__________________
Mi blog personal | Mi G+