<hr>

Anonymous contributor's avatar
Anonymous contributor
Anonymous contributor's avatar
Anonymous contributor
Published Sep 14, 2022Updated Apr 4, 2023
Contribute to Docs

The <hr> (or horizontal rule) element represents a semantic line break between text elements (e.g., a topic-change within a section).

Note: While the <hr> element was originally created for visual purposes, it is now used for semantic distinction. Styling with CSS is now recommended for creating a horizontal line for presentational purposes.

Syntax

<hr />

The <hr> element is self-closing and the forward slash / is optional. This should be used to semantically separate other elements (e.g., a topic-change within a section).

Example

In the following example, the <hr> element provides a semantic break between the text of two <p> elements:

<p>This is a paragraph.</p>
<hr />
<p>This is a different paragraph.</p>

All contributors

Looking to contribute?

Learn HTML on Codecademy