Есть ли способ сделать элемент шириной его текстового узла? т. е. элемент обнимает текст при его переносе ⇐ CSS

[Anonymous]

Есть ли способ сделать элемент шириной его текстового узла? т. е. элемент обнимает текст при переносе.
Изображение стоит тысячи слов.

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

main {
width: 400px;
resize: horizontal;
overflow: scroll;
border: 1px solid black;
}

h1 {
border: 1px solid blue;
display: flex;

> * {
border: 1px solid red;
}
}

em {
font-size: 3em;
}

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

¿lengthy-word question?

Но только тогда, когда текст НЕОБХОДИМО переносить. width: min-content будет вызывать это всегда, и это нежелательно.

Подробнее здесь: https://stackoverflow.com/questions/798 ... -element-h