<hr>

Summary

In HTML5 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 a void 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 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

Browser compatibility

See also

• HTML Paragraph element