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](http://www.outlandmoto.com/Issue0/page2.html).

    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!

    # December 20, 2014 at 5:12 pm

    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?

    # December 20, 2014 at 6:13 pm

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

    There’s this option though

    http://css-tricks.com/float-center/

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

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