Как разместить заголовок и абзац в одной строке? [закрыто] ⇐ CSS

[Anonymous]

Я пытался разместить элементы и в одной строке (внутри карточки).

Я пробовал следующее:

.where, .расположение { отображение: встроенный блок; цвет: #acdd1b; размер шрифта: 15 пикселей; вес шрифта: 150 пикселей; } .когда, .даты { дисплей: встроенный; цвет: #ddd01b; размер шрифта: 15 пикселей; Где:
Гили Эйр – Ломбок, Индонезия
Когда:

01-01-24 – 01-03-24

Это не сработало. Они по-прежнему находятся на двух отдельных строках (хотя встроенный блок оставляет меньше пробелов).

После того, как я попытался поместить их в , как кто-то предлагал в предыдущих сообщениях, и если я затем установил CSS в .line {display : гибкий; align-items: center;, это работает, но становится очень некрасиво, поскольку заголовок располагается выше абзаца.

Как это исправить? Или нет другого способа, кроме как стилизовать .line и вручную открыть тег заголовка?