表格单元格中的列表重叠

Question

Code here (too long to post in here)

为了便于组织元素，我想并排显示，我使用表行，如：

<--!I know this isn't very professional but I don't care-->
<table>
    <tr>
        <td><p>Here's a thing</p></td>
        <td><p>Here's another thing</p></td>
    </tr>
    <tr>
        <td><p>More thing</p></td>
        <td><p>still more thing</p></td>
    </tr>
</table>

显示为：

Here's a thing | Here's another thing

More thing     | Still more thing

然而，当列表及其项目在表格单元格中时，这给了我奇怪的错误，列表项目彼此重叠（您可以在JSBin中看到）。有办法解决吗？

编辑：还有一些其他问题（随机子弹，没有子弹的项目（可能是随机子弹），单个列表与其他所有其他子弹样式不同，等等）但是这个问题最让我烦恼/ p>

Answer 1

正如AndyM所说，你可以通过删除点来避免这种情况，或者如果你仍想保持列表的外观，你可以将list-style-property应用于它：

list-style-property: inside;

这应该正确对齐它们，同时仍然看起来像列表。