我想在网页中有一个图表，看起来像这样（来自维基百科）：
（细节无关紧要 - 它不能是二叉树，也不一定是 3 级）
我目前使用一个（预先计算的）表格，其大部分边框都是透明的，但这是丑陋的编程，并且难以维护。我将如何以编程方式绘制这样的图表？我不想使用a canvas，因为我需要html在框中放置元素，主要是下拉列表和链接。
我正在考虑通过 手动定位框CSS，并使用以下元素绘制线条（对于水平线）：
<p style="border: 2px solid black; height: 0px; width: ...; top:...; right:...;"/>
这是要走的路吗？是否有一种不那么特别的画线方式？