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:

<p>
	some long text
</p>

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

Niech rozmiar czcionki dla akapitów wynosi 30px. Ustaw właściwość line-height tak, aby widoczny biały odstęp między akapitami wynosił 15px.