Interlinia w CSS

Nauczmy się teraz ustawiać interlinie tekstowi. Przez interlinie rozumie się odległość między wierszami tekstu, czyli białą przestrzeń między nimi. Służy do tego właściwość line-height, ustawiająca wysokość wiersza tekstu.

Przy użyciu właściwości line-height mogłaby Cię spotkać pewna pułapka: ta właściwość nie ustawia odstępu między wierszami tekstu, jak mogłoby się wydawać, a ustawia wysokość wiersza tekstu.

Oznacza to, że rzeczywisty widoczny odstęp między wierszami będzie obliczany tak: line-height - font-size = widoczna odległość między wierszami tekstu.

W następującym przykładzie odległość między wierszami tekstu będzie 50px - 20px = 30px:

html<p>
  some long text
</p>

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

Результат: