How to use complete horizontal line space in HTML ?
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;" > w3wiki </ h1 > < h3 > How to use complete horizontal line space in HTML? </ h3 > < p >Welcome to w3wiki</ p > < hr > < p >Learning portal</ p > </ center > </ body > </ html > |
Output:
Contact Us