1. Technology

How To Align Tables and Images


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:
  3. Add the style property "float: right;" into the style attribute to align the image on the right
  4. Add additional text after the image.
  5. When you want the text below the image (rather than beside) add a br tag


  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

©2014 About.com. All rights reserved.