Aligning Images

Although images are easy to put on a page, getting your text to align with them properly can be a real nightmare. Below are some of the ways to align images and text. They are based on the image tag with optional size information - <IMG SRC="test.gif" HEIGHT=72 WIDTH=95>

ALIGN=BOTTOMThe text is aligned with the bottom of the image and wraps down below the image. This is also the default alignment if no alignment information is given.
ALIGN=TEXTTOPThe text is aligned with the top of the image and wraps down below the image.
ALIGN=ABSCENTERThe middle of the first line of text is aligned with the middle of the image and wraps down below the image.

Note : Only works if there is text to the left of the image.

ALIGN=CENTERThe text is aligned with the middle of the image and wraps down below the image.
ALIGN=ABSBOTTOMThe bottom of the image is aligned to the bottom of the text descenders and wraps down below the image.
The text is aligned with the top of the image, but wraps to the right of the image.
ALIGN=LEFT
The text is aligned with the top of the image, but wraps to the left of the image.
ALIGN=RIGHT

Back to HTML Guide Index

Copyright © SAF, Feb 1997.

1