Есть ли библиотека, которая рисует линии в списке?

Question

[partyzanx]

Есть вот такой список. Красненькие линии сделал через перекрывающие друг друга :after :before

Нужно, чтобы линии шли вот так

Есть ли какие-нибудь простые методы или библиотеки, чтобы сделать такую разметку?

Comments

[Ankhena]

Так доделайте через псевдо, чтобы было как на картинке.

[Ankhena]

https://jsfiddle.net/5ga70L3m/1/

[partyzanx]

Ankhena, очень круто получается! Но к моей вёрстке почему-то не подошло https://jsfiddle.net/uq0wn5oe/
Помогите, пожалуйста! Можете сразу в ответ писать

[Ankhena]

partyzanx, не вижу, что именно не подошло?
Разве что, палка не по середине иероглифа, но это решается правкой размеров.

[partyzanx]

Ankhena, https://jsfiddle.net/uq0wn5oe/

[Ankhena]

partyzanx, из вашей картинки в вопросе вообще не очевидно, что их не должно быть.

Написала в ответ вариант без хвостиков

[partyzanx]

Ankhena, спасибо! В процессе работы всегда подводные камни возникают) я уже к этому монотонно отношусь)

Answer 1

[Stalker_RED]

На любой вкус и цвет

Answer 2

[Ankhena]

Так https://jsfiddle.net/tg3nqoef/

Comments

[partyzanx]

Виртуозно! Надо будет изучать теперь это решение)