CSS

vertical line in html

<style>
  .vl {
    border-left: 6px solid green;
    height: 500px;
  }
</style>
<div class="vl"></div>

how to add a vertical line in html

/*Please give a thumbs up if this was helpfull*/

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

/*How to center the vertical line in your page:*/
.vl {
  border-left: 6px solid green;
  height: 500px;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 0;
}

how to make vertical line html

.left-content {
    width: 50%;
    align-self: flex-end;
    position: relative;
}

.left-content::after {
    content: "";
    background-color: black;
    position: absolute;
    width: 10px;
    height: 57%;
    top: 0px;
    left: 0px;
    margin: 0 -30px;



}