html - 以视觉方式移动列表项的最佳方式是什么？

Question

我有一个 <ul>有一堆 <li>

一些 <li> s 需要有特定的格式，例如

a
b
    c
    d
e

我不能有 <li>包含 <ul>所以现在我将 c 和 d 包装在 <div> 中设置了左边距。这样做安全吗？有更好的方法吗？

Answer 1

这样写:

CSS:

ul{
     list-tyle:none;
}
li{
    margin:5px 0;
}
.shift{
    margin-left:20px;
}

HTML:

<ul>
    <li>a</li>
    <li>b</li>
    <li class="shift">c</li>
    <li class="shift">d</li>
    <li>e</li>
</ul>

实时查看http://jsfiddle.net/KuNWf/