Widely availableSupported across all major browsers. Safe to use in production.

Overview

The <hr> element represents a thematic break between paragraphs, often shown as a horizontal rule.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
1
12
1
3
18
1
DOM API

The HTMLHRElement interface provides special properties (beyond those of the HTMLElement interface it also has available to it by inheritance) for manipulating hr elements.

1
12
1
1
18
1
1+Supported (version) Not supported Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

HTML
<p>Contents of Chapter 1...</p>
<hr>
<p>Contents of Chapter 2...</p>

Live demo

basic separator

Hr element in theme. differentsection blockcut.

PreviewFullscreen

decorativeseparator

Hr customstyling. with CSS

PreviewFullscreen

sectionbetween. separator

hr usageexample. with actual. Webpe-j.

PreviewFullscreen

Use cases

  • Using <hr>

    The <hr> element represents a thematic break between paragraphs, often shown as a horizontal rule.

Cautions

  • May not be supported in older browsers.

Accessibility

  • Verify how this element is announced by screen readers.

Powered by web-features