缩进无序列表而不缩进框模型

Question

我想显示一个简单的，嵌套的，缩进的，无序的列表，每个列表项之间都有边框。

我正在寻找一种解决方法来缩进<li>的内容而不缩进整个元素。实际上我的边界也是有意的。

实施例： http://jsfiddle.net/kcRfT/

一种可能的解决方案是从<li>节点获取缩进（左填充）并使用text-indent（如上面的jsfiddle所述）。

这个问题还有另一种更美妙的解决方案吗？有什么想法吗？

问候尼尔

Answer 1

也许您可以尝试在li

上播放负边距

http://jsfiddle.net/5yV3P/1/