HTML - Horizontal Rules

  »   HTML  »   HTML Tutorial - Creating And Using Horizontal Rules

Use <hr/> to create a horizontal line. This tag is similar to line break.

html<hr/>
Use
<hr/><hr/>
With
<hr/>
Caution
<hr/>

Demo


Use

With
Caution

The horizontal line can be useful in different circumstances like you can see in the next example: a footnote.

html<hr />
<p>1. "The Hobbit", JRR Tolkein.<br />
2. "The Fellowship of the Ring" JRR Tolkein.</p>

Demo


1. "The Hobbit", JRR Tolkein.
2. "The Fellowship of the Ring" JRR Tolkein.

As you can see, everything that this tag does is to draw a horizontal line separating different parts of the content or just decorates the page. Use it with skill and it will produce unexpected results.