attribute - title html css

CSS: reduciendo el interlineado del texto?

Question

Estoy teniendo dificultades para reducir el espacio entre las líneas de texto con la altura de línea de CSS (o altura, he intentado ambas).

Tengo un poco de texto y el espacio está desactivado. He intentado modificar los estilos que parecen aplicarse y también encerrar el texto en un <span>...</span> y declarar explícitamente el estilo. Nada parece funcionar.

El sitio es un sitio de Wordpress utilizando el tema "lite" de Pagelines. La URL es http://stage.dsthree.com y el problema está en la página principal (puede verlo en la cuarta columna de texto, justo debajo del cuadro "suscribirse por correo electrónico" en el texto pequeño, el espacio entre líneas). El texto está desactivado. Este sitio no me permitirá publicar una captura de pantalla, ya que soy nuevo aquí ... lo siento.

He reducido la altura de la línea al 1% y a 1px sin efecto.

¡Cualquier ayuda, instrucciones o sugerencias sobre cómo reducir el espacio en blanco es muy apreciada!

Answer 1

Añadir display:block y eliminar height .

<span style="font-size: 75%; line-height: 16px; display:block">blog posts & occasional updates (updates max 1 every 14 days)</span>

Aprendes más sobre display:block propiedad de display:block here .

Answer 2

Los elementos en línea no respetan propiedades como line-height ; toman la altura de la línea del padre de bloque más cercano.

Ver Fiddle

Solución: elimine la altura de la línea del cuerpo, o convierta el tramo en un bloque (es decir, conviértalo en un div; no display:block al tramo).

Answer 3

Tienes una line-height: 21px; En el cuerpo. Quita esto, y debería funcionar.