Shape-outside - or a square?

Have you seen all those squares of text that we use around images? No matter the shape of the image. It's really not that inspiring if you ask me. So what can we do?

Played around with some CSS to make stuff a little bit more fun. I found a CSS-property called shape-outside. A good thing is that it’s actually supported by almost every major browser. Nope, not Internet Explorer. So if you uses that one, you get the squares. But I think that’s okey solution for most cases.

Shape-outside can be used with different shapes like polygon and circle. And like this expriment with url(). Shape-outside also has a friend called shape-margin that makes it easier to get some space between the image and text.

##This is a codepen I made, go play with it.