Плавать внутри flexbox (или эквивалента) [закрыто] ⇐ CSS

[Anonymous]

Код: Выделить всё

float: right

не работает внутри флексбокса. (Он не плавает правильно и не занимает несколько строк.)
Пожалуйста, посоветуйте, как добиться макета, который соответствует флексбоксу, содержащему большие поплавки, занимающие несколько строк. Это не обязательно должен быть флексбокс, но в идеале он не должен быть слишком хакерским (например, рисование на ).

Код: Выделить всё

.container {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.container span {
flex: auto;
background-color: gray;
}
.container .float {
float: right;
background-color: yellow;
}
* {
border: 1px solid black;
margin: 1px;
padding: 1px;
}

Код: Выделить всё

flexbox
multiline
float
element with much content
element with much content
element with much content
element with much content
element with much content
element with much content
element with much content
element with much content
element with much content
element with much content

Подробнее здесь: https://stackoverflow.com/questions/791 ... equivalent