Hodnota line-height bez jednotiek v CSS

Hodnotou vlastnosti line-height nemusí byť nevyhnutne číslo v nejakých jednotkách. Môžete jednoducho napísať číslo alebo zlomok. V tomto prípade sa skutočná hodnota line-height nájde vynásobením jej hodnoty hodnotou font-size.

Napríklad, font-size je 10px, a line-height je 1.5. V tomto prípade bude reálna hodnota line-height 10px * 1.5 = 15px. No, a viditeľná biela medzera medzi riadkami textu bude 5px: 15px - 10px = 5px.

Výhoda takéhoto spôsobu nastavenia line-height spočíva v tom, že pri zmene veľkosti písma sa automaticky zmení aj medziriadkový interval.

Pozrime sa na aplikáciu opísaného na príklade:

<p>
	some long text
</p>

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

Nech je veľkosť písma pre odseky 30px. Nastavte vlastnosť line-height tak, aby viditeľná biela medzera medzi odsekmi bola 15px. Použite na to hodnotu line-height bez jednotiek.