Skip to content
Related Articles
Open in App
Not now

Related Articles

How to use complete horizontal line space in HTML ?

Improve Article
Save Article
  • Last Updated : 13 Jan, 2022
Improve Article
Save Article

In this article, we will create a complete horizontal line space using HTML. To create the horizontal line space, we will use the <hr> tag.

The <hr> tag stands for horizontal rule and is used to insert a horizontal rule or a thematic break in an HTML page to divide or separate document sections. The <hr> tag is an empty tag, and it does not require an end tag.

Syntax:

<hr>

Attributes:

  • align: It specifies the alignment of the horizontal rule.
  • noshade: It specifies the bar without shading effect.
  • size: It specifies the height of the horizontal rule.
  • width: It specifies the width of the horizontal rule.

Approach: In the below example, we will create two paragraph elements containing some content and add a <hr> tag between these two paragraph elements to create a horizontal line space.

Example:

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
    <title>
        How to use complete horizontal 
        line space in HTML? 
    </title>
</head>
  
<body>
    <center>
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
        <h3>
            How to use complete horizontal 
            line space in HTML? 
        </h3>
        <p>Welcome to GeeksforGeeks</p>
        <hr>
        <p>Learning portal</p>
    </center>
</body>
</html>


Output:

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!