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) |