Стойност на 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 е, че при промяна на размера на шрифта автоматично ще се променя и междуредовият интервал.

Нека видим приложението на описаното с пример:

html<p>
  some long text
</p>

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

Результат: