Interlinea in CSS

Ora impariamo a impostare l'interlinea del testo. Per interlinea si intende la distanza tra le righe di testo, cioè lo spazio bianco tra di esse. A questo scopo è dedicata la proprietà line-height, che imposta l'altezza della riga di testo.

Quando si utilizza la proprietà line-height potreste aspettarvi una certa trappola: questa proprietà non imposta lo spazio tra le righe di testo, come potrebbe sembrare, ma imposta l'altezza della riga di testo.

Ciò significa che lo spazio visibile reale tra le righe sarà calcolato così: line-height - font-size = distanza visibile tra le righe di testo.

Nel seguente esempio la distanza tra le righe di testo sarà 50px - 20px = 30px:

<p>
	some long text
</p>

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

Supponiamo che la dimensione del font per i paragrafi sia 30px. Imposta la proprietà line-height in modo che lo spazio bianco visibile tra i paragrafi sia uguale a 15px.