Float An Image Between 2 Columns Of Text

I'd like to know if it's possible to reproduce in CSS/HTML the effect you see in this magazine, with an image floated between 2 columns of text and the text wrapping around it: I

Solution 1:

It's not easily doable (especially for dynamic text). All the techniques have various downsides.

Here's one possible technique for "float center":

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

For modern browsers, there's a jQuery plugin that can do it precisely:

http://www.jwf.us/projects/jQSlickWrap/

Here's the tedious, manual version that inspired the above jQuery plugin:

http://www.alistapart.com/articles/sandbags

Solution 2:

Curvelicious Otherwise known as a ragged float by Eric Meyer. Also Sandbags