How to use text-align:center to achieve horizontal centering of pictures in css

This article mainly shows you "css how to use text-align:center to achieve picture level center", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "css how to use text-align:center to achieve picture level center" this article.

Text-align:center realizes the horizontal center of the picture

Text-align is generally used to center text horizontally, but it can also be used for pictures. The code is as follows:

CSS section:

Div {text-align:center; width:500px; border:greensolid1px;}

HTML section:

The above is all the content of the article "how to use text-align:center to achieve picture level center in css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!