Alignment Examples

Right Aligned Image


<IMG SRC="example.gif" ALIGN="RIGHT">

Note: Text will wrap around the image if an Align = Left or Right attribute is given. It will not flow around a Center Aligned image. The text should be placed in the code after the image.

Left Aligned Image


<IMG SRC="example.gif" ALIGN="LEFT">

Note: Text will wrap around the image if an Align = Left or Right attribute is given. It will not flow around a Center Aligned image. The text should be placed in the code after the image.

Center Aligned Image


<CENTER>
<IMG SRC="example.gif" ALIGN="CENTER">
</CENTER>

Note: HTML 3.2 does not provide for a center aligned image using the align attribute. One can contain the IMG in the CENTER element to center the image on the page. However will not wrap around the image.

Top Aligned Image

This is a Top Aligned picture.
<IMG SRC="example.gif" ALIGN="TOP">

This is a Top Aligned picture. Note: Text will align with the top of an image if an Align = TOP attribute is given. If the IMG is between lines of text in the document it will be displayed between the text.

Middle Aligned Image

This is a Middle Aligned picture.
<IMG SRC="example.gif" ALIGN="MIDDLE">

This is a MIDDLE Aligned picture. Note: Text will align with the middle of an image if an Align="middle" attribute is given. If the IMG is between lines of text in the document it will be displayed between the text.

Bottome Aligned Image

This is a Bottom Aligned picture.
<IMG SRC="example.gif" ALIGN="BOTTOM">

This is a BOTTOM Aligned picture. Note: Text will align with the bottom of an image if an Align="bottom" attribute is given. If the IMG is between lines of text in the document it will be displayed between the text.