Aligning Images with Text

Using align="left"
<img src="cookbook.gif" align="left" alt="cookbook">

The image is to the left and any text is displayed along the right edge of the image, starting at the top. Once all the lines next to the image are used the text is displayed below the image.

Using align="right"
<img src="cookbook.gif" align="right" alt="cookbook">

The image is to the right and any text is displayed along the left edge of the image, starting at the top. Once all the lines next to the image are used the text is displayed below the image.

Using align="bottom"
<img src="cookbook.gif" align="bottom" alt="cookbook">

The text is displayed starting at the bottom of the image. This is also the way accompanying text is displayed if align isn't used.

Using align="top"
<img src="images/cookbook.gif" align="top" alt="cookbook">

The text is displayed starting at the top of the image. Once the top line is filled the remaining text appears below the image.

Using align="middle" or align="center"
<img src="cookbook.gif" align="middle" alt="cookbook">

The text is displayed starting at the middle of the image. Once the top line is filled the remaining text appears below the image.

Return to the Top