Ширина многострочной строки: div-fit-content ⇐ CSS

[Anonymous]

У меня есть элемент div с фиксированной высотой и динамической шириной:

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

div {
height: 5rem;
min-width: 10rem;
width: fit-content;
}

Когда я добавляю текст в этот элемент, я хочу, чтобы этот текст сначала заполнял высоту (5rem) элемента div. Только когда высота полностью заполнена содержимым, ширину следует увеличить (из-за соответствия содержимого).
[img]https:// i.sstatic.net/LGaOzndr.png[/img]

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

This text should first fill the height of the div and only then expand the div to right

Однако в настоящее время div всегда расширяет свою ширину, и имеется только 1 строка содержимого (высота div не заполняется):

Есть ли способ это сделать? Вот пример.

Подробнее здесь: https://stackoverflow.com/questions/786 ... ontent-div