My Implementation is below but i am confused how to add the nodes and end div exactly below the line.
.point {
width: 50px;
height: 50px;
background: rgba(177, 207, 219, 1);
text-align: center;
line-height: 50px;
font-weight: 600;
font-size: 16px;
margin: 10px 0;
position: relative;
}
.point:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
height: 50px;
width: 2px;
background: black;
transform: translate(-50%, 100%);
}<div class="point">Start</div>