You can instruct the browser to stop text from wrapping along an image until there is a clear margin below the image. This causes the text to stop flowing until the bottom of all images has been reached. Notice that the text will continue to flow around the right side of the image without a break or interruption until it reaches the bottom of the line on which the image has been placed. At this point the text resumes its normal alignment, flowing along the left hand margin. This effect can resemble the placement of images in printed text, like a magazine or newspaper.
Text goes here.
Notice that the two images are displayed along the left and right margins of the screen and that this text runs between them until it is below the bottom of the images, when it returns to a full page margin. This effect gives you even more control over the layout of the page. Here is a page with images so you can see how the various alignment attributes look on the screen. You can use these attributes to add white space around an image, which is useful if you want to separate an image from text or other images. Notice that there is a thin border between the image and the text.