Sorok közötti távolság CSS-ben

Most pedig tanuljuk meg, hogyan állíthatjuk be a szöveg sorok közötti távolságát. A sorok közötti távolság alatt a szöveg sorai közötti távolságot, azaz a köztük lévő fehér részt értjük. Erre szolgál a line-height tulajdonság, amely a szöveg sorának magasságát határozza meg.

A line-height tulajdonság használatakor egy kis meglepetés érihet: ez a tulajdonság nem a szöveg sorai közötti távolságot adja meg, ahogy az első ránézésre tűnhet, hanem a szöveg sorának magasságát határozza meg.

Ez azt jelenti, hogy a sorok közötti látható távolság a következőképpen számítható ki: line-height - font-size = a szöveg sorai közötti látható távolság.

A következő példában a szöveg sorai közötti távolság 50px - 20px = 30px lesz:

<p>
	some long text
</p>

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

Tegyük fel, hogy a bekezdések betűmérete 30px. Állítsa be a line-height tulajdonságot úgy, hogy a bekezdések közötti látható fehér távolság 15px legyen.