Как такое сделать на css (Точки по высоте блоков слева)?

Question

[Раджаб Магомедов]

Здравствуйте. Как сделать такой элемент как на картинке? Высота блоков может меняться. Выделен красным:

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/QegomB так само получается если использовать after/before и с наполнением текста высота li разная - смотри пример

Comments

[Раджаб Магомедов]

Спасибо

Answer 2

[Алексей]

Используйте псевдоэлементы для каждого из блоков и абсолютное позиционирование псевдоэлементов относительно самих блоков.

Фонами для псевдоэлементов должны быть картинки:
1. Синий Круг и много много штрихов снизу
2. Оранжевый круг и много много штрихов сверху

Задайте блокам overflow: hidden и позиционирования для псевдоэлементов:
Для верхнего сверху слева, для нижнего снизу слева