vertical rule html
snippet in html

vertical line html

user2214

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>  
        HTML vertical line
    </title>  
      
    <!-- style to create vertical line -->
    <style> 
        .vertical { 
            border-left: 6px solid black; 
            height: 300px; 
            position:absolute; 
            left: 50%; 
        } 
    </style> 
</head> 
  
<body style = "text-align: center;">  
  
    <h1 style = "color: blue;">  
        Testing vertical line  
    </h1>  
          
    <div class = "vertical"></div> 
  
</body>  
  
</html>                                       

vertical rule html

user988


  <style>
.vl {
  border-left: 6px solid green;
  height: 
  500px;
}

  </style>

<div class="vl"></div>