CSS

Automatically expands to fit its content without wrapping.

max-content

max-content は、中のテキストや要素が折り返されずに全部表示できるだけの幅や高さを自動で決めてくれる値です。

たとえば、ボタンに width: max-content; を使うと、その中の文字が全部見えるちょうど良い幅になります。