Совет: как правильно рассчитать отступ заголовка от текста
@I2NeedМеня давно очень мучал вопрос: какое должно быть расстояние между заголовком и следующим за ним текстом.
![](https://cdn-images-1.medium.com/max/1600/1*3pn1GX6ahPVd0Nh9Hn_pMQ@2x.png)
Если вы тоже думаете о таком, я сейчас расскажу, как решить эту задачу.
Потому что решение простое — поставить текст на интерлиньяж заголовка. Но для этого нужно его определить.
Хозяйке на заметку: определяйте тексту интерлиньяж вручную вообще всегда. Если его не назначить, то будет работать стандартный (плохой).
В общем, ставим заголовок в две строки, и настраиваем интерлиньяж, чтобы было ок:
![](https://cdn-images-1.medium.com/max/1600/1*wDcCL6EYGqCaztPChtmIXw@2x.png)
И теперь на вторую строку просто ставим текст:
![](https://cdn-images-1.medium.com/max/1600/1*v5AohlaKhamuOyx9A5NUuA@2x.png)
Возвращаем заголовок в нормальное состояние. Готово:
![](https://cdn-images-1.medium.com/max/1600/1*Xps9o2H2eqo83ke4LcW0Tw@2x.png)
Иногда, правда, такой подход не работает. Например, когда заголовок намного крупнее основного текста, которого вдобавок всего ничего. Текст под заголовком сильно падает:
![](https://cdn-images-1.medium.com/max/1600/1*1-BrkvBRIgalIkyt-IQPUQ@2x.png)
Чтобы стало хорошо, надо подзаголовочный текст выровнять по верхней кромке букв заголовка:
![](https://cdn-images-1.medium.com/max/1600/1*QPQmdRSBeqHgVBffdYyusw@2x.png)
И опять станет ок:
![](https://cdn-images-1.medium.com/max/1600/1*nLwSKY6MYln9NxcW18kaMg@2x.png)
Источник: designpub.ru