html - 删除无序列表上方的跳过行

Question

如何删除总是出现在 html 列表上方的跳过的行？例如，在下面的代码中，我有一行描述列表的文本，后面是列表本身。在描述之后和列表中的第一项之前有一个难看的空行。 如何更改下面的代码，使第一个列表项紧接在描述下方？

列表说明:

• 第一项。
• 第二项。
• 第三项。

这里是需要修改的代码:

<i>Description of list:</i>
<ul>
    <li>First item.</li>
    <li>Second item.</li>
    <li>Third item.</li>
</ul>  

Answer 1

我不确定我是否理解正确，但请查看此 fiddle

浏览器在 UL 的顶部和底部放置默认边距，因此您可以使用...删除边距

ul{margin-top: 0;}