In the last tutorial of this series, you learned how to add a basic image to your website. Often you will need to change the alignment of the image on the page. This can be done by modifying you image tag in the HTML code. We will use the same code as we did in the previous tutorial.

<img src="/support/Images/my-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="/support/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.

Please check the next article on Changing the Size of an Image. If you missed our previous article, please see the Inserting Images using HTML tutorial. For more information on this course please visit Inserting Images into a Website

Continued Education in Course 102: Inserting Images into a Website
You are viewing Section 2: Changing the Image Alignment
Section 1: Inserting Images using HTML
Section 3: Changing the Size of an Image
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

0 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!