Valoarea line-height fără unități în CSS

Valoarea proprietății line-height nu trebuie neapărat să fie un număr cu unități de măsură. Puteți scrie pur și simplu un număr sau o fracție. În acest caz, valoarea reală a line-height poate fi găsită prin înmulțirea acestuia cu valoarea font-size.

De exemplu, font-size este 10px, iar line-height este 1.5. În acest caz, valoarea reală a line-height va fi 10px * 1.5 = 15px. Ei bine, iar spațiul alb vizibil dintre rânduri de text va fi 5px: 15px - 10px = 5px.

Avantajul acestei metode de setare a line-height este că atunci când dimensiunea fontului se schimbă, automat se va schimba și interlinia.

Să vedem aplicarea celor descrise pe un exemplu:

<p>
	some long text
</p>

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

Fie dimensiunea fontului pentru paragrafe egală cu 30px. Setați proprietatea line-height astfel încât spațiul alb vizibil dintre paragrafe să fie egal cu 15px. Utilizați pentru aceasta o valoare line-height fără unități.