How do I wrap text around an image like this?

It would be quite awkward in 2 columns as you would need to basically split the image in 2 halves and put it in each column or as in this example use a pseuedo element to hold the space open and absolutely place the image into position. (See old css quiz for more info)

The shape outside doesn’t seem to work very well with this approach though although you may be able to tweak it better.

Also two columns would be better done using css columns but then you can’t spread the image over the middle of two columns.

1 Like