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

CSS интерлиньяж

Свойство 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 – значение интервала наследуется.

CSS отступ между строками

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;
}