如何删除由无序列表创建的缩进 [重复]

Question

我有一个这样写的无序列表

<h1>cardinal directions</h1>
<ul>
    <li>east</li>
    <li>west</li>
    <li>north</li>
    <li>south</li>
</ul>

... 它显示为缩进。我的问题是 - 如何使用 CSS 删除这个缩进？我已经尝试过了，但我认为可能有更好的方法。

ul {
    margin-left: -19px;
}

我应该使用 CSS 中的列表样式属性或类似的东西，也许是更跨浏览器兼容的东西？

Answer 1

您想将 ul 上的填充设置为 padding:0

<ul style="padding:0">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>