Как на флексах сделать два блока в строку?

Question

[weranda]

Приветствую.
Есть блок, внутри блока еще три блока. Пример: https://codepen.io/weranda/pen/xxVpdBx
Как сделать на флексах так, чтобы третий блок произвольной длины обтекал текстом первый блок с фиксированной шириной (или произвольной)?
На изображении третий слок выделен синим, его надо перетащить в правую часть от первого блока (красного):

Answer 1

[Steppp]

Comments

[weranda]

Третий блок, третий, который идет после второго.

[Steppp]

weranda, Ну да! Третий блок! Второй блок начинается с lorem, а третий блок начинается с Title! Сравни со своим скриншотом

[Steppp]

[weranda]

Steppp, Главное — не содержания блока, а его позиция в HTML.

[Steppp]

weranda, Выше кодпен

[weranda]

Steppp, А без calc это дело решается или нет? С помощью самих флексов или у них нет никаких таких свойств?

[Steppp]

weranda, тебе надо рассчитать так, чтоб в width: 100% вместилось 2 блока! Можешь попробовать не calc, а width: 70%; а там брекпоинт медиазапроса!

[weranda]

Steppp, Не, какая-то странная конструкция получается. Если второму блоку вместо длинного текста прописать один символ, то все принимает такой вид ("едет"):

[Steppp]

weranda, Значит у тебя 3 блока помещаются в контейнер width: 100%! Задай стили

.item2 {
width: 100%;
}