CSS

The width fits the longest unbreakable content inside.

min-content

min-content は、要素のサイズを、その中の内容が最も小さく表示できる幅に自動で合わせる指定です。

例えば、改行できるテキストがある場合、最も長い単語だけが折り返さずに表示できる最小の幅になります。

HTML

<div style="width: min-content; border: 1px solid;">
	これはとても長い言葉Supercalifragilisticexpialidociousを含みます。
</div>

→ 上記の例では、長い単語全体が表示できるまで幅が狭くなり、それ以下には縮まりません。