Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

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.

To change look of rule or gaps between it and paragraphs, use Cascading Style Sheets (CSS).

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 parent elements Any element that accepts flow content.
DOM interface HTMLHRElement

Attributes

This element includes 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 second paragraph of text. This is second paragraph of text.
  This is second paragraph of text. This is 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 second paragraph of text. This is second paragraph of text. This is second paragraph of text. This is 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 Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 (Yes) (Yes) (Yes) (Yes)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support (Yes) (Yes) (Yes) (Yes) (Yes)

See also

Document Tags and Contributors

 Last updated by: teoli,