Как сделать текст в две строки?

Question

[testtoster]

Есть карточка в которой есть текст - заголовок и описание. Как сделать так, чтобы заголовок и описание были на разных строчках? Сейчас они все на одной

Comments

[testtoster]

BD_ l3ftoverZ!, вы правы))))

[Ankhena]

Варианты:
1. Не задавать обертке флекс и блочные элементы сами встанут на разные строки.
2. Задать флексу wrap, а дочерним ширину 100%
3. Провернуть главную ось на column (ждите сюрпризов от ИЕ)

Answer 1

[tendkuh]

<h1>Заголовок</h1>
<p>Описание...</p>

H1 и P оба "блочные" элементы, они начинаются с новой строки и без флексбоксов по умолчанию.
Просто ничего не нужно делать.

Answer 2

[Валерий]

< h1 >Заголовок< / h1 >
описание

Убрать пробелы в тегах

Comments

[Ruslan Ruslanov]

зачем такие сложности, если можно пользоваться встроенным оформлением?

<h1>Заголовок</h1>
<p>Описание</p>

[Валерий]

Ruslan Ruslanov, я здесь не так уж давно, и не знаю как здесь устроена обработка хтмл.

[Владислав Лысков]

Валерий, ну как... 2019 год на дворе

Answer 3

[JuniorPomidor]

HTML:
< div class="flex">
< span>1< / span>
< span>2< / span>
< span>3< / span>
< /div>

CSS:
.flex{
display: flex;
flex-flow: column;
}

Comments

[Владислав Лысков]

это заразно?