Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of "how to set center in html". The editor shows you the operation process through an actual case. The operation method is simple, fast and practical. I hope this article "how to set center in html" can help you solve the problem.

Method 1:

Text-align:center; usage:

First, after we create a file, enter a div tag and a span tag, then add a class selector to each tag, and write our CSS style inline. The screenshot code is as follows:

The center setting method. Center-box {text-align: center;}. Baincheng-sp {display: inline-block; width: 500px W3cschool, you can learn online for free.

In this code and screenshot we can clearly see that the font is centered, and if the CSS style is not added, the font is usually left by default.

Method 2:

Margin: 0 auto; usage:

When we use this method, we can not use other positioning methods, such as relative positioning or unique positioning. For those who do not know the positioning, they can learn and understand systematically in w3cschool. And this method also requires that the internal elements are block-level elements, so let's take a look at the code and screenshots. As follows:

Center setting method. Center-box {text-align: center;}. Baincheng-sp {display: block; margin: 0 auto W3cschool, you can learn online for free. This is the end of the introduction to "how to set the center in html". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.