Grow your CSS skills. Land your dream job.

Wrapping column text around both sides of an image.

  • # January 13, 2013 at 7:46 pm

    I’ve working on a site that is attempting some tropes of magazine layouts. You can view my draft of it [here](

    The design is primarily for iPad in either landscape or portrait, so I’m using fluid grid layouts. As you can see in the example, I have three columns of text created using column-count:3; in my CSS.

    What I’d like to do is have the image of the guy standing by the motorcycle be larger, while text wraps around the left in the left hand column, gets interrupted and skips over it in the middle column, and wraps around the right in the right hand column.

    Is there anyway to accomplish this either while keeping column-count in tact or by doing something completely different? Thanks in advance for the help!

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".