1. Computing & Technology

Discuss in my forum

How To 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

©2012 About.com. All rights reserved.

A part of The New York Times Company.