Vrednost line-height bez mernih jedinica u CSS-u

Vrednost svojstva line-height ne mora obavezno biti broj u nekim mernim jedinicama. Možete takođe napisati samo broj ili razlomak. U ovom slučaju stvarnu vrednost line-height možete pronaći tako što ćete je pomnožiti sa vrednošću font-size.

Na primer, font-size je 10px, a line-height je 1.5. U ovom slučaju stvarna vrednost line-height biće 10px * 1.5 = 15px. Pa, vidljivi beli razmak između redova teksta biće 5px: 15px - 10px = 5px.

Prednost ovog načina zadavanja line-height je u tome što će se pri promeni veličine fonta automatski menjati i razmak između redova.

Pogledajmo primenu opisanog na primeru:

<p>
	some long text
</p>

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

Neka veličina fonta za paragraf bude 30px. Podesite svojstvo line-height tako, da vidljivi beli razmak između paragrafa bude 15px. Koristite za ovo vrednost line-height bez mernih jedinica.