HTML HR Tutorial

In an interesting side note, keyword research reveals most webmasters call it a horizontal line rather than horizontal rule by a margin of about 100 to 1, even though the tag is <hr> and the official name is horizontal rule.

A horizontal rule is simply coded as:

<hr>

There is no closing tag. For XHTML documents the tag must be self-closed to be compliant. A self-closed rule is code: <hr />

The default horizontal rule looks like this:

Below are some examples with different border styles applied. The code for each one is off to the right side under the rule.

As you can see there are many different looks if you use your imagination, these examples only touch the surface of the sea of possibilities. However, when you get tricky like this, they will look differently from brand to brand of browser. Of course, you can always use images too.