How To Make A Vertical Line In HTML

For More Videos Visit Our YouTube Channel

Make A Vertical Line In HTML Using CSS

Here we consider how to Make A Vertical Line In HTML. Lets start with one example here. Suppose we have two images as shown below.



In between we wants to place a vertical line. The best way that we can add a vertical line is explained here. First of all, make a Div with Class clsVertical in between these two Div. We can make this Div as a vertical Line by giving following style for the Div.



.clsVertical {
         border-left: 2px solid black;       /* Line width And Line Color */
         height: 300px;                             /* Line Height */
         float: left;                                    /* Line will float to Left */
}



We can change the thickness and color of Vertical Line by changing the parameters.
The result is here