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:

html<p>
  some long text
</p>

cssp {
  font-size: 20px;
  line-height: 50px;
  text-align: justify;
  width: 400px;
}

Результат: