Pomen line-height brez enot v CSS

Vrednost lastnosti line-height ni nujno število z enotami. Lahko preprosto napišete število ali decimalno število. V tem primeru dejansko vrednost line-height dobite tako, da pomnožite to število z vrednostjo font-size.

Na primer, font-size je 10px, line-height pa 1.5. V tem primeru bo dejanska vrednost line-height 10px * 1.5 = 15px. Vidni beli prostor med vrsticami besedila pa bo 5px: 15px - 10px = 5px.

Prednost tega načina določanja line-height je v tem, da se ob spremembi velikosti pisave samodejno spremeni tudi medvrstični razmik.

Oglejmo si uporabo opisanega na primeru:

<p>
	some long text
</p>

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

Naj bo velikost pisave za odstavke 30px. Nastavite lastnost line-height tako, da bo vidni beli razmik med odstavki enak 15px. Za to uporabite vrednost line-height brez enot.