This page is In Progress

Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.



The hr element represents a paragraph-level thematic break in text.

Overview Table

DOM Interface

The hr element represents a paragraph-level thematic break. That sounds kinda strange, I know, but a good example what that means comes from the world of fiction where the text in a given chapter might shift from one location to another or from one period of time to another. The hr is a great way to indicate a shift like that.


This example uses the hr element to create a paragraph-level thematic break.

<p>This is a paragraph in a section about Topic A.</p>
<p>This paragraph is part of a section concerning Topic B.</p>


 The hr element is a “replaced element” which means it is comprised of a single tag with no content. You can apply attributes (e.g. class) to the tag, but it must not contain text.

As a replaced element, the hr will be automatically closed by browsers, but you can also explicitly close the element with a trailing slash: <hr/>


In HTML 4.01, the hr element represented a horizontal rule. And while the hr element may still be displayed as a horizontal rule in visual browsers, it is now defined in semantic terms, rather than presentational ones.

Standards information

Related specifications

HTML 5.1
W3C Working Draft
W3C Recommendation
HTML 4.01
W3C Recommendation

See also

Related articles