Streaming live at 10am (PST)

How to wrap text around an image/div with an absolute position

Is there a way to make text wrap around an image or div with an absolute position? Similar to the image below?

Unfortunately as soon as you absolutely position an element, it loses it’s ability to interact with other elements on the page. If you want to control the image position without pulling it out of the document flow, look into position: relative.

Even after adjusting the position, you’re going to need to look into using CSS shapes to define the border of your character as there’s no “automatic” wrapping for images like there is for software like Word.

There’s a good writeup below that outlines creating shapes so that text wraps more appropriately around objects (both simple and complex) which will require using some custom code: