Как убрать пустоту над текстом в блоке 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

Есть еще вариант задать отрицательное значение. В зависимости от шрифта можно подобрать значение, чтобы символы практически касались друг друга.

→ Ссылка