How to Create Vertical and Horizontal Line in HTML CSS

Lets go to start how to create vertical line.

This is css part

.my-testing-dashed {
position: relative;
font-size: 2.15em;
line-height: 40px;
font-weight: 700;
color: #1c539e;
}

.my-testing-dashed:after {
content: "";
width: 64px;
border-bottom: 5px solid orangered;
display: block;
padding-bottom: 15px;
}

Next go to index.html and paste this code

<h4 class="my-testing-dashed mt-5">Make more profit from your distribution business. <br>One-time investment, lifetime returns</h4>

2nd vertical line

This is css

.vrline {
border-left: 4px solid #fc4a1a;
line-height: 133%;
padding-left: 2%;
}

this is index.html

<h4 class="vrline">Partner's Benefits</h4>

OUTPUT:-

2nd OUPUT

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store