How to Draw a Line in HTML with HR tag



In this tutorial we will guide you in drawing a line within a webpage. In HTML, ‘hr’ tag is used for this purpose. In previous versions of html, this tag was used for drawing a line in webpages but in advanced versions of HTML, it is used for applying a thematic break, however both concepts give the same functionality.
Step 1: Draw a line with <hr> tag in HTML
To draw a line in HTML,a tag is used called “hr ”tag .We just add the hr tag in the HTML Document and save the code. A horizontal line will be shown on the web page where the <hr> tag was inserted in the HTML Document.
For example:
<p>Main Page</p>
<hr>
<p>Paragraph starts here…</p>
A line can be observed in the output drawn using HTML hr tag
Horizontal line on the HTML page

Step 2: Draw Multiple horizontal lines using <hr> tag in HTML
To draw multiple lines by html tag in a web page , the <hr> tag is added in the HTML Document multiple times. Horizontal lines will be shown on the page where the tags were inserted in the Document.
For Example:
<p>Main Page</p>
<hr>
<p>Paragraph starts here…</p>
<hr>
Multiple horizontal lines on HTML page