This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.



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