Mi implementación está debajo, pero estoy confundido sobre cómo agregar los nodos y terminar div exactamente debajo de la línea.
.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>