<hr>

HTML `<hr>` (Horizontal Rule) Tag

Example

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id ipsum sit amet nunc venenatis finibus at tincidunt mauris.</p>

<hr>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id ipsum sit amet nunc venenatis finibus at tincidunt mauris.</p>

Try this code ❯

Meaning

The <hr> element is used to insert a horizontal rule to visually or thematically separate document sections.

Rules usually are rendered as a raised or etched line.

Version: HTML 2, 3.2, 4, 4.01, 5

Standard Syntax

HTML: <hr>
XHTML: <hr />

Global Attributes

<hr> element also supports the Global Attributes in HTML.

Event Attributes

<hr> element also supports the Event Attributes in HTML.

By Default CSS Value(s)

Most of the browsers will display the <hr> element with the following by default value(s)

hr {
  display: block;
  border-style: inset;
  border-width: 1px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
}