HTML / CSS中嵌套列表中的缩进

我已经开始使用Twitter Bootstrap,这对我来说(作为程序员)有用,可以得到一个体面的网站,而不必编写很多CSs.

不过有事让我疯狂.我有一个嵌套的列表

<ul>
  <li>Hello</li>
  <li>World 
    <ul>
      <li>Wide</li>
      <li>Web</li>
    </ul>
  </li>
</ul>

但是,这个列表的第一和第二个级别不会变得不同(即它们在左边相互对齐)

在正常的html嵌套列表中,更深层次的子列表缩进更多.但样式表中的某些内容必须将其关闭.如何找到什么控件？任何文档中的li元素都看不到CSS“列表缩进”属性.

ul > li {
    margin-left: 10px;
}