Как предотвратить растягивание блока родителя?

Question

[Return Me Void]

Вот пример.

Нижний блок должен быть не шире верхнего (слова по достижении максимальной ширины должны переноситься на новую строку).

В то же время верхний блок нельзя делать фиксированной ширины, т.к. контент там динамический.

Спасибо ответившим!

Answer 1

[Ankhena]

.text {
    width: min-content;
    min-width: 100%;
    box-sizing: border-box;
}

или так

.text {
    width: min-content;
    min-width: fit-content;
    box-sizing: border-box;
}

из вопроса не понятно как должен себя вести блок при недополнении.

Comments

[Return Me Void]

Ой, спасибо, Ankhena, Вы всегда меня радовали <3