CSS: サイズを中の要素の大きさに合わせる

どういう条件下かわからないのですが、divのwidthが親要素の大きさに引っ張られてしまうときがあります。

display: inline-block

sassだとこんな感じで子要素の大きさに応じてサイズが変わるようになります。

問題はこれだとinline扱いでblockの改行がなくなるので更にそれをwrapするなりbr付けるなりする必要があるかと思います。

inline-blockとかblockとか作法を知らないのでちょっと気持ち悪い気はしますがとりあえず。