<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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.