Use the float style property to force text to flow around tables and images.
Difficulty: Easy
Time Required: 5 minutes
Here's How:
- Open a Web page in an HTML or text editor.
- Add a standard image tag:
<img src="image.gif" alt="image" />
- Add the style property "float: right;" into the style attribute to align the image on the right
<img src="image.gif" alt="image" style="float: right;" />
- Add additional text after the image.
- When you want the text below the image (rather than beside) add a br tag
<br style="clear: both;" />
Tips:
- You can float any element in your document.
- Items can be floated to the right or the left
- If you float an element like a paragraph, be sure to set a width.
What You Need:
- [link url=http://webdesign.about.com/od/htmleditors/bb/aabhtmleditor.htm]HTML Ed
- [link url=http://webdesign.about.com/od/htmleditors/g/bldeftexted.htm]Text Edito

