Aligning Text With Graphics Using Tables

Placing Graphics Above or Below Text

Tables can add flexibility to the placement of graphics. They can be used alone or in combination with the ALIGN command to provide some interesting effects.

 

Butterfly

This graphic is placed in the left cell of a two-column table. This text is centered in the right column. The ALIGN command is not used.

 

This graphic is placed in the right cell of a two-column table. This text is centered in the left column. The ALIGN command is not used.

Butterfly

 

This graphic is placed in the middle cell of a three-column table.

Butterfly

This text is on the right and left is centered in the table cells. The ALIGN command is not used.

 

Using the ALIGN Command Inside a Table

Here is an example of what you can do by using the ALIGN command inside a table. The example below uses a two-column table. Adding a narrow, empty third column in the center of the table will separate the two paragraphs even more.

 

Butterfly This is the left graphic alignment with cursor placed at the beginning of the first line of text. Using this alignment, text begins at the top of the graphic and borders it to the bottom. The HTML code for this alignment is <IMG SRC="butterfly.gif" ALIGN="LEFT">.

Butterfly This is the right graphic alignment with cursor placed at the beginning of the first line of text. Using this alignment, text begins at the top of the graphic and borders it to the bottom. The HTML code for this alignment is <IMG SRC="butterfly.gif" ALIGN="RIGHT">.

Return to Article