Как убрать пустоту над текстом в блоке CSS
Подскажите, как убрать пустоту над и под текстом в этих блоках.
<div class="digits_heading_title">
<p class="digits_heading_title_content">Цифры и факты</p>
</div>
<div class="digits_heading_subtitle">
<p class="digits_heading_subtitle_content">про кошек и их хозяев</p>
</div>
Вот как выглядит визуально:
Необходимо, чтобы все границы блока совпадали с границами контента.
Update: Код из CSS:
.digits_heading {
display: flex;
flex-direction: column;
align-items: center;
}
Внутренние блоки никак не стилизованы.
Ответы (2 шт):
Автор решения: Burr_DI
→ Ссылка
Нет кода стилей. Из предположений - вы сделали их блоками с отступами или поставьте высоту линии на 0:
CSS
line-height: 0;
Автор решения: PartsOfBody
→ Ссылка
Есть еще вариант задать отрицательное значение. В зависимости от шрифта можно подобрать значение, чтобы символы практически касались друг друга.
