Можно ли сверстать полноценный параграф из разных строк?

Question

[Андрей]

Имею разметку такого вида:

<div class="paragraph">
    <span id="1">Рандомный текст</span>
    <span id="2">Еще текст</span>
    <span id="3">И еще</span>
    <span id="4">Строка</span>
    <span id="5">Строка строка</span>
</div>

Проблема возникает, если строки довольно длинные - они переносятся полностью.

На картинке подробно изобразил, какого отображения хочу добиться

Answer 1

[Андрей]

Я тупой. То, что я хотел - является стандартным поведением блока, содержащего span. У меня же блок был display: flex; flex-wrap: wrap;, что ломало отображение.

Comments

[Андрей]

Зато красивых картиночек запилил!