Html 将无序列表中的列表项向左对齐

我有以下html和css：

HTML:

这将导致以下无序列表：

如何将无序列表中的列表项向左对齐

---

我试过在“#ul li”中使用float和margin，但这并不能解决问题

尽量减少UL元素左侧的填充。如果不起作用，请使用UL和LI的左边填充和左边空白。

将

左边填充：0pt

添加到

#wrapper UL

块：

#wrapper ul
{
    width:50px;
    height:100px;
    border-style:solid;
    border-width:1px;
    list-style-type:none;
    ' CHECK THE NEXT LINE '
    padding-left: 0pt;
}

---

您的无序列表标记需要放置在外部：

#wrapper ul {
    list-style-type: none;
    list-style-position: outside;
}

---

您需要提供更多的代码。是您给出的，与您提供的结果不一致。您的包装器div的css样式是什么？包装器div的css样式现在包含在问题中#wrapper ul{margin:0px….}margin:0px没有解决它：-/

#wrapper ul
{
    width:50px;
    height:100px;
    border-style:solid;
    border-width:1px;
    list-style-type:none;
    ' CHECK THE NEXT LINE '
    padding-left: 0pt;
}

#wrapper ul {
    list-style-type: none;
    list-style-position: outside;
}