How to use complete horizontal line space in HTML ?

Last Updated : 15 May, 2023

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: The following attributes with their values are described below:

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: In this example, we will use <hr> for creating a horizontal line.

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>