如何避免/最小化列表中列表的缩进？

Question

我在另一个中有一个无序列表（ul）。缩进是巨大的，我想没有子列表的缩进。

<ul>
    <li id="menu_home"><a href="./"><b>Home</b></a></li>
    <li id="menu_about"><a href="./?p=about"><b>About</b></a></li>
    <li id="menu_products">
        <a href="./?p=products">
            <b>Products</b>
        </a>
        <ul>
            <li>
                <a href="./?p=products#infiniSpam">infiniSpam</a>
            </li>
            <li>
                <a href="./?p=products#infiniNet">infiniNet</a>
            </li>
        </ul>
    </li>
</ul>

JsFiddle：http://jsfiddle.net/d8d7P/1/

任何人都可以帮助我吗？

Answer 1

您可以使用此CSS：

ul ul {
    padding:0;
}

<强> jsFiddle example