Regelafstand in CSS

Laten we nu leren hoe we de regelafstand van tekst kunnen instellen. Onder regelafstand wordt de afstand tussen de regels tekst verstaan, dat wil zeggen de witte ruimte ertussen. Hiervoor is de eigenschap line-height bedoeld, die de hoogte van de tekstregel instelt.

Bij het gebruik van de eigenschap line-height kun je een verrassing tegenkomen: deze eigenschap stelt niet de afstand tussen de regels tekst in, zoals het misschien lijkt, maar stelt de hoogte van de tekstregel in.

Dit betekent dat de zichtbare afstand tussen de regels als volgt wordt berekend: line-height - font-size = zichtbare afstand tussen de tekstregels.

In het volgende voorbeeld is de afstand tussen de regels tekst 50px - 20px = 30px:

<p>
	some long text
</p>

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

Stel dat de lettergrootte voor de alinea's 30px is. Stel de eigenschap line-height zo in, dat de zichtbare witte afstand tussen de alinea's gelijk is aan 15px.