Стойност на 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 без мерни единици.