Вредност на line-height без единици во CSS

Вредноста на својството line-height не мора да биде број во некои единици. Можете исто така едноставно да напишете број или дропка. Во овој случај, вистинската вредност на line-height ќе се најде со множење на неа со вредноста на font-size.

На пример, font-size е 10px, а line-height е 1.5. Во овој случај, реалната вредност на line-height ќе биде 10px * 1.5 = 15px. Па, а видливиот бел простор помеѓу линиите на текстот ќе биде 5px: 15px - 10px = 5px.

Предноста на овој начин на поставување на line-height е тоа што при промена на големината на фонтот, автоматски ќе се менува и растојанието помеѓу линиите.

Да го видиме применетото опишано на пример:

<p>
	some long text
</p>

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

Нека големината на фонтот за параграфите е 30px. Поставете го својството line-height така, што видливиот бел простор помеѓу параграфите да биде 15px. Користете за ова вредност на line-height без единици.