1. Home
  2. Computing & Technology
  3. Web Design / HTML

Align Tables and Images

By , About.com Guide

Use the float style property to force text to flow around tables and images.
Difficulty: Easy
Time Required: 5 minutes
Here's How:
  1. Open a Web page in an HTML or text editor.
  2. Add a standard image tag:
    image
  3. Add the style property "float: right;" into the style attribute to align the image on the right
    image
  4. Add additional text after the image.
  5. When you want the text below the image (rather than beside) add a br tag

Tips:
  1. You can float any element in your document.
  2. Items can be floated to the right or the left
  3. If you float an element like a paragraph, be sure to set a width.
What You Need:
Explore Web Design / HTML
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. HTML and XHTML
  5. Beginning HTML Tutorials
  6. Use the Align Attribute on Tables and Images>

©2009 About.com, a part of The New York Times Company.

All rights reserved.