Как разместить текст в несколько строк?

Question

[nikabekish]

У меня есть блок с текстом, который при уменьшении ширины экрана выстраивается в одну линию
Но при обычном разрешении экрана мне нужно,чтобы текст располагался именно так(первое слово на одной строке, вторая и третья строка из двух слов". Как это реализовать?

Answer 1

[Максим Тимофеев]

<p>первое<br>
второе третье<br>
четвертое пятое</p>

Answer 2

[Владимир Проскурин]

Ну, например поставить в нужные места для переносов скрытые div, и при нужном разрешении через медиа запрос их показывать
Ну лучше так https://jsfiddle.net/x4cojy3d/1/

Comments

[nikabekish]

тут при уменьшении ширины экрана до 400 они становятся в 3 строчки,а мне нужны,чтобы до ширины 560 они так становились.а при 560 и меньше были в одну строку

[Владимир Проскурин]

nikabekish, https://jsfiddle.net/x4cojy3d/6/

Answer 3

[Максим]

https://jsfiddle.net/lenskyuser/5yja92cd/6/ br hide/show - только что придумал
https://jsfiddle.net/lenskyuser/83ypdhza/4/ white-space:pre-line./wrap;