How To Center An Image In HTML in South Africa

What is an Image?

An image is a visual representation. An image can be two-dimensional, such as a drawing, painting, or photograph, or three-dimensional, such as a carving or sculpture.

How To Center An Image In HTML in South Africa?

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 with other elements.

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


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

 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.


Specify the alignment of your image.
 Type align=”middle”

> This is the end of the image portion of your tag.


Add more text.

 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>

How do you center align in HTML?

HTML <center> tag in HTML is used to set the alignment of text into the center. This tag is not supported in HTML5. CSS’s property is used to set the alignment of the element instead of the center tag in HTML5

How do I center my display in HTML?

To center a paragraph in HTML, you can use the <center> tag.