We can control the placement of an image in relation to text by using the align attribute within the img tag.

Here are the different options for the alignment of images:

align="left"

<img src="eye.gif" width="120" height="120" alt="abstract" align="left">

This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute.

align="right"

<img src="eye.gif" width="120" height="120" alt="abstract" align="right">

This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute.

align="top"

<img src="eye.gif" width="120" height="120" alt="abstract" align="top">

This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute.

align="bottom"

<img src="eye.gif" width="120" height="120" alt="abstract" align="bottom">

This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute.

align="middle"

<img src="eye.gif" width="120" height="120" alt="abstract" align="middle">

This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute.

align="left" with hspace attribute

The hpsace attribute will allow a horizontal runaround in pixels.

<img src="eye.gif" width="120" height="120" alt="abstract" align="left" hspace="30">

This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute.

align="left" with vspace attribute

The vspace attribute will allow a vertical runaround in pixels.

<img src="eye.gif" width="120" height="120" alt="abstract" align="left" vspace="30">

This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute.

align="left" with hspace and vspace attributes

2 images, align="left" and align="right" with hspace/vspace

<img src="eye.gif" width="120" height="120" alt="abstract" align="left" vspace="30" hspace="30">

This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute. This text will appear next to the image so we can better examine the align attribute.