html - 元素对齐 - 减少元素符号左侧的空间

Question

我在对齐 <li> 时遇到问题左侧的元素。

在下图中，您可以看到每个元素符号的左侧都有空格。我想删除那个空间，以便 Imported & 100% Genuine元素符号直接位于绿色刻度线下方。

这是我正在使用的代码。

<table border="1">
    <tr>
        <td><ul style="margin:0;"><li>Imported</li></ul></td>
        <td><ul style="margin:0;"><li>Authentic & Licensed</li></ul></td>
    </tr>
    <tr>
        <td><ul style="margin:0;"><li>100% Genuine</li></ul></td>
        <td><ul style="margin:0;"><li>200 GSM Paper Depth</li></ul></td>
    </tr>
</table>

Answer 1

更改 ul 的 padding-left 属性。

ul {
  padding-left: 20px;
}

http://jsbin.com/upehik/1/

虽然我想知道如果每个列表只有一个元素，为什么还要使用列表？