How to center the picture in html5

This article mainly explains "how to set the center of the picture in html5", the content of the explanation in the article is simple and clear, easy to learn and understand, now please follow the editor's train of thought slowly in depth, together to study and learn "how to set the center of the picture in html5"!

Step 1:

Let's create a new html file, enter the following code in the code file, and then select a picture you like in the computer and put it in the next file called "img" for the new project. The code is as follows:

Set up a centered picture

We can see from the code and screenshots that the picture is now on the right by default, and we have added height and width to the tag img to control the size of the picture, so let's center the picture and do the next step.

Step 2:

To center the image, next we add an align element to the tag div and set its attribute to center. Next, let's look at the code and the effect diagram:

Set up a centered picture

Thank you for reading, the above is the content of "how to set the center of the picture in html5". After the study of this article, I believe you have a deeper understanding of how to set the center of the picture in html5, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!