Changing the Image Alignment

Now that you have learned how to add an image to your website, you may need to change the alignment of the image.  This can be easily completed by modifying your image code.

In this example we will use the same code that we used in the previous section:

<img src="/help/Images/image.jpg" />

Now we will change the alignment.  For the alignment of the image, you have a few options:

• align="left"
• align="right"
• align="middle"
• align="top"
• align="bottom"

If we have an image that we want to appear in the middle of the page, we will use the "middle" alignment tag.  The align tag will go in the same code as the img src, like this:

<img src="/help/Images/image.jpg" align="middle">

The image will now appear in the middle of the page.  When an image is aligned in this method, the text will appear above or below the image.