text floating around image in special way

Problem

I'm trying to make a special floating text around an image. It has to look like this Open image here

Text can vary in size. Image has a fixed size.

How do we set this up in CSS? Is it even possible?

I'll take a scripted solution if there is one (all though I can't see anything helpfull in that department myself...)

Thanks a lot in advance :-)

Jan

Problem courtesy of: Jan

Solution

You just need to float: right your image:

​img { float:right;  }​

DEMO

Solution courtesy of: Gurpreet Singh

Discussion

Here's a fiddle showing how to do it: http://jsfiddle.net/4q3um/

img {
 float:right;
 margin:0 0 20px 20px;
 width:100px;
}
Discussion courtesy of: Billy Moat

This recipe can be found in it's original form on Stack Over Flow.