How to Center an Image in HTML

Step-by-Step Guide

1. 1

   Step 1: Don’t use the word “center” in your tag.

   In HTML coding, you can center text, but you must identify image alignment with the word “middle.” An image is not a line element, so it is identified in relation to other elements.
2. 2

   Step 2: Start a new line of code.

   Use a paragraph tag to indicate that a text line is beginning.
   
   Start your tag with <p> then write your text. , Then include your image description by typing alt=”image description”.
   
   The “src” section tells the web page the URL of the image.
   
   The alt section tells the web page what it should be called. , Type align=”middle”> This is the end of the image portion of your tag., Then, close the tag with </p>.
   
   For example, your entire tag could look like this: <p>We’re learning about HTML. <img src=”dancingdogpicture.gif” alt=”dancing dog” align=”middle> Our example is complete. </p>
3. 3

   Step 3: Insert the image by typing <img src=”imgName.gif”.

4. 4

   Step 4: Specify the alignment of your image.

5. 5

   Step 5: Add more text.

Detailed Guide

About the Author