Style HTML HR Tag

The HORIZONTAL RULE tag is used to divide subjects within a web page. In HTML5, the <hr> tag specifies a thematic break. In HTML4 it specifies a horizontal rule. As the <hr> attributes are not supported in HTML5, you can style the tag using CSS.

Height

You can specify the height of an HTML <hr> tag with CSS.

In the following example, the horizontal rule is displayed with the height set to 3:

In the next example, the <hr> tag is displayed with the height set to 6:

Width

You can specify the width of an HTML <hr> tag with CSS.

In the following example, the <hr> tag is displayed with the width set to 50%:

Color

In the following example, the <hr> tag is displayed in the color red with a width of 75% and a height of 4:

In the following example, the <hr> tag is displayed in the color blue with a width of 25% and a size of 6:

Border

Solid

In the following example, the horizontal rule is displayed with a solid border:

Dashed

In the following example, the horizontal rule is displayed with a dashed border:

Styling your <hr> tag will enable you to enhance the appearance of your website.

For additional information on HTML codes, visit the HTML Tutorial section.

This concludes the Style HTML HR Tag code.