Interlineado en CSS
Ahora aprendamos a establecer el interlineado
para el texto. Por interlineado
se entiende la distancia entre las líneas
de texto, es decir, el espacio blanco entre ellas.
Para esto está destinada la propiedad line-height,
que establece la altura de línea del texto.
Al usar la propiedad line-height
puede esperarse una cierta trampa: esta propiedad
no establece el espacio entre líneas de texto,
como podría parecer, sino que establece la altura
de la línea de texto.
Esto significa que el espacio visible real
entre líneas se calculará así: line-height
- font-size = distancia visible entre
líneas de texto.
En el siguiente ejemplo la distancia entre líneas
de texto será 50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Supongamos que el tamaño de fuente para los párrafos es 30px.
Establezca la propiedad line-height de manera
que el espacio blanco visible entre párrafos
sea igual a 15px.
