Wrap text using CSS float and curved images

I found a cool CSS technique on this web page. The idea is have text wrap in a curvy, rather than in a block-like manner.

Here are the basic steps

• Take an image and slice it into horizontal strips. Use the same height for each strip.
• I use GIMP to make the image’s background transparent.
• I saved the image as a PNG file.
• Using CSS, each image is stacked on top of one another using “float.” I found that if you floating the images to the right, it looks less awkward.

Here is a sample I created using a similar technique, called “ragged float”.