灵活的树视图

Question

我已经实现了自己版本的 JSON 查看器（例如这个）。 但是，我的可视化略有不同：

问题是，虽然我希望键名向左溢出，但我还需要最溢出的键来自动推送树。

现在我正在做这个骇人听闻的事情：

<wrap> 
    <key_wrap>                 // display:inline-block, width = const*depth (JS)
        <key>key</key>         // float:right
    </key_wrap>
    <value_wrap>               // display:inline-block
        <value>value</value>   // float:left
    </value_wrap>
</wrap>

是否有针对此问题的简单 HTML/CSS 解决方案，无需计算宽度（使用灵活缩进）？

谢谢