<hr></hr> tag HTML

Example

A simple <hr> tag that open PNLdev.com link:

<p>Lorem ipsum dolor sit amet...<hr>Lorem ipsum dolor sit amet...</p>

Laboratory

description & Usage

To create a horizontal line between text or specific sections in html documents, we use the <hr> tag.

Using the <hr> tag is usually used to change the subject in the text area.

Notes

Browser compatibility and Support

#	Chrome	Edge	Firefox	Safari	Opera
<hr>

Global Attributes

The hr tag supports the HTML Global Attributes.

Event Attributes

The hr tag supports the HTML Event Attributes.

More Examples

Example

HTML <hr> tag Example #1

<h1>Hello, welcome to the PNLdev website</h1>
<hr>
<h2>This is an sample for a hr tag</h2>

Laboratory

Example

<hr> HTML tag with custom style -Example #2

<h1>Hello, welcome to the PNLdev website</h1>
 <hr style="width: 50%;text-align: center;">
<h2>This is an example for a link tag in a head tag
</h2>

Laboratory

Default CSS

Most browsers will display the hr tag with the following default style:

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

<hr> tag HTML

Example

description & Usage

Notes

Browser compatibility and Support

Global Attributes

Event Attributes

More Examples

Example

Example

Default CSS