HTML Horizontal Line

The HTML Horizontal rule tag, <hr>, is used to insert a horizontal line between our paragraphs. For example,

  <p>First Paragraph</p>
  <hr>
  <p>Second Paragraph</p>

Browser Output

HTML

The <hr> tag is an empty tag, i.e. it doesn't require a closing tag.

HTML horizontal line to separate Page sections

The <hr> tag is used to apply a thematic break in HTML. i.e It is used when there is a change of topic or you need to specify separation between content. Commonly, a <hr> tag is used between sections in an article. For example,

<h2>Physics</h2>
<p>Physics is the natural science that studies matter, its fundamental constituents, its motion and behavior through space and time, and the related entities of energy and force. </p>
<hr>
<h2>Chemistry</h2>
<p>Chemistry is the branch of science that deals with the properties, composition, and structure of elements and compounds, how they can change, and the energy that is released or absorbed when they change.</p>

Browser Output

HTML

As you can see, we also use the <hr> tag to separate sections of a tutorial.