要素の幅を中身に合わせて変えられる width:fit-content

div等のブロック要素は、そのままだと幅が横いっぱいまで広がってしまいます。

「width: fit-content;」を使用することで幅が中身に合わせて可変するようになります。

以前は「display: inline-block;」や「display: table;」などでやや無理やり実装することが多かったと思いますが、よりシンプルに実装できるようになりました。