# Значение 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> long text... </p>` `p { font-size: 20px; line-height: 1.5; text-align: justify; width: 400px; }`

:

Пусть размер шрифта для абзацев равен `30px`. Установите свойство `line-height` так, чтобы видимый белый промежуток между абзацами был равен `15px`. Используйте для этого значение `line-height` без единиц.

← →
↑