Межстрочный интервал в CSS
Давайте теперь научимся задавать межстрочный
интервал тексту. Под межстрочным интервалом
подразумевается расстояние между линиями
текста, то есть белый промежуток между ними.
Для этого предназначено свойство line-height,
задающее высоту линии текста.
При использовании свойства line-height
вас может ожидать некоторый подвох: это свойство
не задает промежуток между строками текста,
как могло бы показаться, а задает высоту
линии текста.
Это значит, что реальный видимый промежуток
между строками будет вычисляться так: line-height
- font-size = видимое расстояние между
строками текста.
В следующем примере расстояние между строками
текста будет 50px - 20px = 30px
<p>
long text...
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Пусть размер шрифта для абзацев равен 30px.
Установите свойство line-height так,
чтобы видимый белый промежуток между абзацами
был равен 15px.