Check out example codes for "vertical line html". It will help you in understanding the concepts better.

Code Example 1

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

Code Example 2

#verticle-line {
  width: 1px;
  min-height: 400px;
  background: red;
<div id="verticle-line"></div>

Learn ReactJs, React Native from