縮進無序列表而不縮進框模型

Question

我想顯示一個簡單的，嵌套的，縮進的無序列表，每個列表項之間都有邊框。

我正在尋找縮進<li>而不縮進整個元素的內容的解決方案。其實我的邊界也是有意的。

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

一種可能的解決方案是，爲了從<li>節點採取的縮進（左填充），並使用文本縮進，而不是（如上面在的jsfiddle解釋）。

對於這個問題還有另一個更漂亮的解決方案嗎？有任何想法嗎？

問候尼爾

Answer 1

也許你可以通過切緣陰性的li

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