The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Wrapping column text around both sides of an image.

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #41977

    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!


    Did anyone ever answer this question? I am having the same issue. I have an image that I want in the middle of the page, with text wrapped on both sides of this. Any suggestions?


    There is no property that will do this quite yet (although it’s coming..we hope).

    There’s this option though

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.