The HTML <hr> element represents a thematic break between paragraph-level elements (for example, a change of scene in a story, or a shift of topic with a section). In previous versions of HTML, it represented a horizontal rule. It may still be displayed as a horizontal rule in visual browsers, but is now defined in semantic terms, rather than presentational terms.

Content categories Flow content.
Permitted content None, it is an empty element.
Tag omission It must have start tag, but must not have an end tag.
Permitted parents Any element that accepts flow content.
Permitted ARIA roles presentation
DOM interface HTMLHRElement

Attributes

This element's attributes include the global attributes.

align
Sets the alignment of the rule on the page. If no value is specified, the default value is left.
color
Sets the color of the rule through color name or hexadecimal value.
noshade 
Sets the rule to have no shading.
size 
Sets the height, in pixels, of the rule.
width 
Sets the length of the rule on the page through a pixel or percentage value.

Example

<p>
  This is the first paragraph of text.
  This is the first paragraph of text.
  This is the first paragraph of text.
  This is the first paragraph of text.
</p>

<hr>

<p>
  This is the second paragraph of text.
  This is the second paragraph of text.
  This is the second paragraph of text.
  This is the second paragraph of text.
</p>

Above HTML will output:

This is the first paragraph of text. This is the first paragraph of text. This is the first paragraph of text. This is the first paragraph of text.


This is the second paragraph of text. This is the second paragraph of text. This is the second paragraph of text. This is the second paragraph of text.

Specifications

Specification Status Comment
WHATWG HTML Living Standard
The definition of '<hr>' in that specification.
Living Standard Definition of the hr element
WHATWG HTML Living Standard Living Standard Suggested default rendering of the hr element
HTML5
The definition of '<hr>' in that specification.
Recommendation  
HTML 4.01 Specification
The definition of '<hr>' in that specification.
Recommendation The align, noshade, size and width attributes are deprecated

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 (Yes) (Yes) (Yes) (Yes) (Yes)
Feature Android Edge Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)

See also