Как я могу автомагнировать ширину двух бок о бок (с содержанием переменной длины), чтобы минимизировать общую высоту их ⇐ Html

[Anonymous]

Как я могу изменить CSS, чтобы в этом случае не было обертывания в Flexbox? Он должен обернуться только тогда, когда это уменьшит общую высоту синей коробки. Альтернативно, ширина столбца должна быть скорректирована так, чтобы обертка не была «запускана». class = "Snippet">

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

div {
border: 1px solid blue;
display: flex;
width: 320px;
}

ul {
justify-content: flex-end;
display: flex;
flex-wrap: wrap;

li {
border: 1px solid red;
list-style-type: none;
padding: 10px;

}< /code>

This is a short text. Maybe one or two lines. Or maybe a little more.
[list]
[*]gugu
[*]gaga
[/list]

Подробнее здесь: https://stackoverflow.com/questions/796 ... ble-length