Я хотел бы связать несколько кругов CSS с вертикальной линией между ними.
Я попытался использовать селектор псевдоэлементов :after
следующим образом:
.circle {
height: 45px;
width: 45px;
border-radius: 50%;
border: 2px solid;
position: relative;
border-color: #889EB7;
}
.circle:before {
content: "";
display: block;
position: absolute;
z-index: 1;
left: 18px;
top: 0;
bottom: 0;
border: 1px dotted;
border-width: 0 0 0 1px;
}
Но я не получаю никакого результата.
Фото для справки о том, что я хотел бы выполнить: