How to build a hierarchy tree?

Question

css

There was a need to build a hierarchy tree on the site, something like that and make it dynamic so that certain users can make changes to it. The problem is that I have a poor idea of ​​​​how to implement this, namely, how to make the lines from the parent blocks fit the blocks and the layout does not float, of course you can pervert and try to implement all this using a table, but this is clearly not right.
Actually the question is: maybe someone knows how this is done or a library with which you can implement this?

Answer 1

Raphael.js
Example