Web Design / HTML

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

Align Tables and Images

By Jennifer Kyrnin, About.com

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

Build Your Own Website

Step-by-step advice on how to do everything from choosing a Web host to promoting your content. More >

Connect Your Home Computers

Easy ways to connect two computers for networking purposes. More >

Web Design / HTML

  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.