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”.
