<ul class="items">
  <li class="item"><p>Как можно протянуть такую линию между точками без фикс высоты</p></li>
  <l class="item"><p>Как можно</p></l>
  <li class="item"><p>Как</p></li>
  <li class="item"><p>Как можно протянуть такую линию</p></li>
  <li class="item"><p>Как можно протянуть такую линию между точками без фикс высоты</p></li>
</ul>
.items {
  list-style-type: none;
  width: 25%;
  display: flex;
  flex-direction: column;
  position: relative;
     
    .item {
      border-left: 1px solid black;
      padding: 0 0 16px 16px;
      position: relative;
            
      &::after {
        top: -9px;
        left: -5px;
        position: absolute;
        content: '\25CF';
      }
            
      p {
        margin: -9px 0 0;
        padding: 0;
      }
      
      &:last-child {
        border: 0;
      }
      
    }
    
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.