Espaçamento entre linhas em CSS
Agora vamos aprender a definir o espaçamento entre linhas
para o texto. Por espaçamento entre linhas
entende-se a distância entre as linhas
de texto, ou seja, o espaço branco entre elas.
Para isso, existe a propriedade line-height,
que define a altura da linha de texto.
Ao usar a propriedade line-height,
você pode se deparar com uma certa armadilha: esta propriedade
não define o espaçamento entre as linhas de texto,
como poderia parecer, mas define a altura
da linha de texto.
Isso significa que o espaçamento visível real
entre as linhas será calculado assim: line-height
- font-size = distância visível entre
as linhas de texto.
No exemplo a seguir, a distância entre as linhas
de texto será 50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Suponha que o tamanho da fonte para os parágrafos seja 30px.
Defina a propriedade line-height
para que o espaçamento branco visível entre os parágrafos
seja igual a 15px.
