Latest Tutorials| Questions and Answers|Ask Questions?|Site Map

Home Html Horizontal Rule in HTML

Related Tutorials


Share on Google+Share on Google+

Horizontal Rule in HTML

A horizontal Rule in HTML is used to separate two lines or two paragraph between any two objects in HTML.

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.


<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>



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




If you enjoyed this post then why not add us on Google+? Add us to your Circles

Liked it!  Share this Tutorial

Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: December 3, 2008

Related Tutorials

Discuss: Horizontal Rule in HTML  

Post your Comment

Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image