Как разместить текст друг над другом на CSS?

Question

[Haxonate]

Как разместить текст друг над другом, но при этом, чтобы он был справа от картинки.
https://jsfiddle.net/kew5j4au/

Comments

[Danny Arty]

Почитайте правила сервиса п3.8. Вставляйте фрагменты кода через специальные теги, либо размещайте их в песочнице и ссылку сюда.

Как и написали в ответе:
flex-direction: column для .box-1

[Haxonate]

Danny Arty,
текст про уезжает

[Danny Arty]

Haxonate, ну это уже другой вопрос. Ваш основной вопрос "Как разместить текст друг над другом" - в вашем случае это решает flex-direction: column;, точнее так не только текст будет друг над другом, но и все дочерние элементы будут размещены в столбик.
Если вам надо, чтобы текст был справа от картинки, но при этом оба элемента текста были друг под другом, тогда оберните их в div и задайте ему display: flex; flex-direction: column;

[Haxonate]

Danny Arty, Спасибо!

Answer 1

[Александр Макаров]

flex-direction: column

Comments

[Haxonate]

не помогает, текст также пишется рядом. А если добавлять в блок, то весь текст съезжает

[Nekdev]

Haxonate, Оберни весь контент кроме изображения в дополнительный блок, и с помощью флексов и flex-direction: column добейся нужного результата.
Показала на примере box-1.

[Haxonate]

Nekdev, Спасибо!