wrap text around image in css

A nice idea to wrap the paragraph around the image
http://www.dynamicdrive.com/style/csslibrary/item/floating-image-with-no-text-wrap/P10/

think nicely as zen garden does

Just now I got the idea about this template. I worried about this type of template before.. But Now found the solution. see the backgrounds in this page.. How they nicely done this. thanks zen garden.

http://www.csszengarden.com/?cssfile=/196/196.css&page=0

The background images are coming from both side to center. position to the main container is relative and background images are absolute to main container. Nice idea.

Using Background-Image to Replace Text css

Today i have read one artilce about using background image to replace text in css.. But they are using two elements for achieving this. You can find the article here
http://www.stopdesign.com/articles/replace_text/

However we have a better solution like this?

Suppose we have h1 element.

we will put the backgound image for h1 element in the style sheet
and text-indent -9999px in the style.

example:
#header h1 a {
background:transparent url(images/logo.gif) no-repeat scroll left center;
float:left;
height:85px;
text-indent:-9999px;
width:308px;
}

cant we do like this?