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

Question

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

清单说明：

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

这是需要更改的代码：

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

Answer 1

我不确定我是否理解正确，但看看这个小提琴

浏览器在 UL 的顶部和底部添加了默认边距，因此您可以使用以下命令删除边距：

ul{margin-top: 0;}