Horizontal Rule in HTML

A horizontal Rule in HTML is used to separate two lines or two paragraph between any two objects in HTML.To apply horizontal rule, the <hr> tag is used in a HTML code.

Understand with Example

The Tutorial illustrates an example from Horizontal Rule in HTML.In this Tutorial, the code create a horizontal rule to a paragraph, which gives you a separate section of a line or a paragraph of your document. The use of HTML Horizontal Rule provides the user to read the document consistent, clean and more readable.

The code begin with <html> tag, explain the browser that this is an HTML document.

The <p> defines the paragraph of the HTML page.

The <hr> define the horizontal line of the html page, the <hr> tag separate two lines or paragraphs from each other in html page.

The code is saved with .html extension.

<html>
<head><title>......</title></head>
<body>

<p>Horizontal Rule between two lines:</p>
This is the first line.<hr/> 
This is the second line.<br/>

<p>Horizontal Rule between two paragraphs:</p>
<p>This is the first paragraph</p><hr/>
<p>This is the second paragraph</p>

</body>
</html>

Now place the path of your html code into your url of browser. The browser run the html code and output is displayed as

Horizontal Rule between two lines:

This is the first line.

This is the second line.

Horizontal Rule between two paragraphs:

This is the first paragraph

This is the second paragraph

Download

Leave your comment:
Name:
Email:
URL:
Title:
Comments:
Enter Code:
	Note: Emails will not be visible or used in any way, and are not required. Please keep comments relevant. Any content deemed inappropriate or offensive may be edited and/or deleted. No HTML code is allowed. Line breaks will be converted automatically. URLs will be auto-linked. Please use BBCode to format your text.