How To Make A Vertical Line In HTML




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.

How To Make A Vertical Line In HTML, Make A Vertical Line In HTML, Make Vertical Line In HTMLMake A Vertical Line In HTML, Make Vertical Line Using CSS, Make Vertical Line Using Div, Vertical Line In HTML, Vertical Line Using CSS, Vertical Line, HTML, CSS

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.

How To Make A Vertical Line In HTML, Make A Vertical Line In HTML, Make Vertical Line In HTMLMake A Vertical Line In HTML, Make Vertical Line Using CSS, Make Vertical Line Using Div, Vertical Line In HTML, Vertical Line Using CSS, Vertical Line, HTML, CSS

.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

How To Make A Vertical Line In HTML, Make A Vertical Line In HTML, Make Vertical Line In HTMLMake A Vertical Line In HTML, Make Vertical Line Using CSS, Make Vertical Line Using Div, Vertical Line In HTML, Vertical Line Using CSS, Vertical Line, HTML, CSS