HOW TO FLOAT TEXT AROUND AND IMAGE

If you try to wrap text around and image, it won't work with just a plain image tag. It require an ALIGN attribute within your image tag.

For and image displayed on your left:

Your Text

    By placing the above code within your HTML, your image will be displayed on the left hand side with your text displayed on the right. As you continue to type your text, it will automatically format itself to wrap around the right side and the bottom of your image.

For and image displayed on your right:

Your Text

    By placing the above code within your HTML, your image will be displayed on the left hand side with your text displayed on the right. As you continue to type your text, it will automatically format itself to wrap around the right side and the bottom of your image.

CSS properties offer more options and greater flexibility in positioning page elements and controlling the flow around them. Sub-section 9.5 Floats of the CSS 2.1 Visual formatting model provides the following definition: A float is a box that is shifted to the left or right on the current line. The most interesting characteristic of a float (or "floated" or "floating" box) is that content may flow along its side (or be prohibited from doing so by the 'clear' property). Content flows down the right side of a left-floated box and down the left side of a right-floated box. http://www.w3.org/TR/CSS21/visuren.html#img-floateg http://www.bigbaer.com/css_tutorials/css.float.html.tutorial.htm