Интервал между строками

Свойство line-height устанавливает интервал между строками или как его ещё называют французским словом «интерлиньяж». По умолчанию у элементов разметки, таких например как тег <p>
или <h1>
, интервал между строками уже задан и определяется браузером автоматически. Значения интервала могут быть заданны только положительными числами в процентах, пикселях, дюймах, пунктах. Стоит отметить, если интервал между строками задаётся в процентах, то в таком случае надо учитывать, что 100%
это высота шрифта.
line-height : 150%;
line-height : 1.5;
line-height : 40px;
line-height : normal;
line-height : inherit;
150%
; – интервал сто пятьдесят процентов.
1.5
– интервал между строками равен размеру шрифта, в данном случае умноженного на одну с половиной единицы.
40px
; – интервал сорок пикселей.
normal
– интервал между строками вычисляется автоматически.
inherit
– значение интервала наследуется.

HTML
<div class="box">
Межстрочный интервал не задан
</div>
<div class="box lh-40">
Межстрочный интервал 40 пикселей
</div><
CSS
.box{
display: table;
margin: 20px auto;
font-weight: bold;
text-align: center;
background-color: #fc0;
}
.lh-40 {
line-height: 40px;
}