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:

html<p>
  some long text
</p>

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

Результат: