But floats are still useful and relevant! In fact, we have to use them for the shape-outside property to work.

This way the text will wrap above the shape even though the div extends to the top.

shape-outside: inset(100px 100px 100px 100px 10px);

It might be better to think of it this way: with the shape-outside property we’re changing the relationship of other elements around an element, not the geometry of the element itself.