Css horizontal line in middle of div

Creating a visually appealing and well-structured webpage often involves the use of horizontal lines. These lines help separate different sections of content, making it easier for users to read and understand the information presented.

Vertical line css codepen

Vertical line css codepen

How to create a horizontal line in css

How to add vertical line in html

Vertical line in html like hr

Css draw line between two points

In this guide, we’ll explore two effective methods to add horizontal lines in HTML: using the <hr> tag and CSS properties.

Different Approaches to Add Horizontal Lines in HTML

1. Using <hr> Tag

The Horizontal Rule tag (<hr>) is used to insert horizontal lines in the HTML document to separate sections of the document.

It is an empty or unpaired tag, meaning there is no need for a closing tag.

Example: This example describes the  <hr> tag to add the horizontal line.

Output:

2.

Using CSS Properties

In this approach, we will use the border-style property to create the horizontal line. You can use either the border-top property, which specifies the style of the top border, or the border-bottom property, which sets the style of the bottom border o

how to create a horizontal line in css

how to create a vertical line in css