Как заставить стрелку появляться автоматически у каждого нового элемента li?

Question

[M_Master]

От main__question_image должна идти вертикальная черта, соединяющаяся со стрелками. Черта должна продлеваться каждый раз, когда я добавляю новый элемент li. Стрелка также должна появляться у каждого нового элемента. Как это лучше сделать? И как определить высоту вертикальной черты?

https://codepen.io/MariaRia/pen/mdPLeom

Answer 1

[DENIS Kokorev]

Довольно не тривиальная задача. Проще компонент готовый найти.
Возможно не совсем то, но тоже в этом направлении:
https://jsfiddle.net/1fynun7a/1/
https://codepen.io/xotonic/pen/JRLAOR
https://github.com/xotonic/flex-tree