Summary

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.

Attributes

This element includes the global attributes.

align Deprecated since HTML4.01 Obsolete since HTML5
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 Deprecated since HTML4.01 Obsolete since HTML5
Sets the rule to have no shading.
size Deprecated since HTML4.01 Obsolete since HTML5
Sets the height, in pixels, of the rule.
width Deprecated since HTML4.01 Obsolete since HTML5
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.

Notes

To change look of rule or gaps between it and paragraphs, use cascading style sheets.

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.
Candidate Recommendation  
HTML 4.01 Specification
The definition of '<hr>' in that specification.
Recommendation  

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,