Как сверстать такую секцию?

Question

[Blondguy]

Как сверстать лучше и правильнее такую секцию? Учитывая что она может в дальнейшем расширяться, то есть добавляться новые и новые даты, то есть полоса будет увеличиваться до бесконечности с новым контентом

Comments

[Ankhena]

Семантика: либо dl либо li
Текст в dd
Дату в dt

Палка: псевдоэлемент или фоновый градиент или правый border всем кроме последнего
Кружки: псевдо хоть от даты, хоть от текста.

[Алан Гибизов]

Если нет кода, не надо ставить тэг языка.

Answer 1

[Олег]

Человек. Если в гугле не забанен, ищи timeline html
Вариантов реализации 100500
Смотри под свои нужды

Answer 2

[Владислав Лысков]

https://codepen.io/NilsWe/pen/Axdozd
https://codepen.io/darcyvoutt/pen/ogPrpK/

это называется timeline

можешь сам поискать на кодепене, их там тыщи и переделать под себя