Как отрегулировать высоту строки, не испортив «хитбокс» текстаCSS

Разбираемся в CSS
Anonymous
Как отрегулировать высоту строки, не испортив «хитбокс» текста

Сообщение Anonymous »


У меня есть заголовок со слоганом под заголовком.

Однако по умолчанию между этими двумя строками текста СЛИШКОМ слишком много места, поэтому я решил, что id использует высоту строки, что отлично решает проблему.. однако это портит «хитбокс» слогана.

Я хочу использовать flexbox с justify-content для центрирования обоих по вертикали внутри моего заголовка.. но из-за испорченного слогана «hitbox» это больше не работает, так как центрирует основной заголовок и новый хитбокс высотой 2 пикселя из 20 пикселей. высокий лозунг

*{ маржа: 0; заполнение: 0; } заголовок { выравнивание текста: по центру; цвет фона: rgb(61, 61, 61); отступ: 15 пикселей; } /* здесь я бы поместил высоту строки. удалите теги комментариев, чтобы увидеть результат */ /* заголовок p{ высота строки: 5 пикселей; } */ У меня заголовок по центру Классный слоган внизу!

СКРИНШОТЫ ДЛЯ ОБЪЯСНЕНИЯ "HITBOX" ig..
[*]
Синий хитбокс, содержащий заголовок и слоган.. аккуратно
Изображение

[*]
Синий хитбокс после высоты строки.. да
Изображение


а как мне совместить слоган и заголовок, не напутав?

Вернуться в «CSS»