Here is a paragraph of text. It wraps around the image because the image's float property is set to left. I also added a 4 pixel margin to the right and bottom of the image so the text doesn't touch the image. Once the text gets below the image, it returns to its normal width. The floated element must appear directly before the non-floated element in the markup for this effect to work.