Как правильно оформить иерархическое дерево?

Question

[Денис Букреев]

Доброго дня
Стоит задача - заверстать такое вот дерево со скрытыми вложениями (честно говоря, я не знаю как все это по-научному называется):


Я встрял на оформлении границ.
В начале работы - две недели назад - пытался сделать, не получилось.
Неделю назад еще разок попытался - ерунда какая-то выходила.
Ну и вот от всего проекта осталось только эти границы и сделать, но я вообще не понимаю как их правильно заверстать.

Может кто-то встречался с задачей и сможет подсказать?

Выложил свой код: codepen.io/denisbookreev/pen/GqJmzg
Был результат получше, но я раз 5 переделывал, этот тоже не оказался удачным

Answer 1

[Денис Букреев]

Решение оказалось банально простым, как я и предполагал:
cssdeck.com/labs/pure-css-tree-menu-framework

То, что получилось у меня: iprom.bookreev.com

Answer 2

[Максим Тюльпаков]

javascript.ru/ui/tree