Hodnota line-height bez jednotek v CSS

Hodnotou vlastnosti line-height nemusí nutně být číslo s jednotkami. Můžete také jednoduše napsat číslo nebo zlomek. V tomto případě lze skutečnou hodnotu line-height najít vynásobením hodnoty font-size.

Například, font-size je 10px, a line-height je 1.5. V tomto případě bude skutečná hodnota line-height 10px * 1.5 = 15px. No, a viditelná bílá mezera mezi řádky textu bude 5px: 15px - 10px = 5px.

Výhoda tohoto způsobu nastavení line-height spočívá v tom, že při změně velikosti písma se automaticky bude měnit i řádkování.

Podívejme se na aplikaci výše popsaného na příkladu:

<p>
	some long text
</p>

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

Nechť je velikost písma pro odstavce 30px. Nastavte vlastnost line-height tak, aby viditelná bílá mezera mezi odstavci byla 15px. Použijte k tomu hodnotu line-height bez jednotek.