Vertical line without CSS

  • It is very easy to add vertical line to the content like horizontal line.
  • There is no need to add CSS file, you can add left or right vertical line using <div> class. Use following code to add vertical line with your content.
  • Here you can add line on the left side, right side, top of the text and bottom of the text.
  • Change the border style with right, left, top or bottom.
<div style="width:100%">
   <div style="border-right:2px solid #E1F1D5;"> 
       Add Content Here!!
   </div>
</div>

Add Add Content Here!!

 

<div style="width:100%">
   <div style="border-left:2px solid #E1F1D5;"> 
       Add Content Here!!
   </div>
</div>

Add Add Content Here!!

 

<div style="width:100%">
   <div style="border-top:2px solid #E1F1D5;"> 
       Add Content Here!!
   </div>
</div>

Add Add Content Here!!

 

<div style="width:100%">
   <div style="border-bottom:2px solid #E1F1D5;"> 
       Add Content Here!!
   </div>
</div>

Add Add Content Here!!