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

This article mainly explains "how to set hr center in css". Interested friends may wish to take a look at it. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "how to set the hr center for css"!

In css, you can use the "text-align" attribute to center the hr, which is used to specify the horizontal alignment of the element, simply by adding a "text-align:center;" style to the hr element.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

The method of setting the center of hr by css

You can use the "text-align:center;" property to set the hr center in css

The text-align attribute specifies the horizontal alignment of the text in the element.

This attribute sets the horizontal alignment of text within block-level elements by specifying the point to which the line box is aligned. By allowing the user agent to adjust the spacing between letters and words in the line content, it is possible to support the value justify; that different user agents may get different results.

Examples are as follows:

Document hr {width:50%; text-align:center;} HTML

HTML is a language used to describe web pages.

CSS

CSS defines how HTML elements are displayed.

Output result:

At this point, I believe you have a deeper understanding of "how to set hr center in css". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

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.