What's the default width of an inline block element? The inline blocks below have no width specified. Make the window wide; the blocks should have plenty of room to grow.

Theory: the default width is the max-content they'd have if all of their children also had width: max-content. With a max-width of auto, obviously.
inline-grid works differently because it has two columns, but these two columns size to the max-content of the largest item in the grid.

A floated paragraph with a lot of content to force wrapping.

A paragraph with an em.

A floated paragraph with a lot of content to force wrapping.

A paragraph with an em.

 

A floated paragraph with a lot of content to force wrapping.

A paragraph with an em.

 

A floated paragraph with a lot of content to force wrapping.

A paragraph with an em.

 

A floated paragraph with a lot of content to force wrapping.

A paragraph with an em.