How To Wrap Text Around Objects (like Floating Does) In Flexbox?

Let's say I have a display: inline container with some text children, and some inline-block children: If I give the container the following CSS... (and change inline-block to inli

Solution 1:

Once you create a flex container (display: flex or display: inline-flex), all in-flow children become flex items.

Flex items are, by definition, "blockified", which means they are block-level boxes (source).

Text elements represent inline-level boxes (source).

Therefore, you cannot make flex items wrap in the same way as text (or floats).