为什么我的ul列表存在巨大差距？

Question

我正在尝试整理html列表样式，但我不知道为什么会发生这种情况。

请看这里：http://www.gamingonlinux.com/articles/fester-mudd-adventure-game-released-for-linux.1871

我的UL html列表似乎与它们之间存在巨大差距，我该如何删除它？

Answer 1

设置以下styes：

ul{
margin: 0;
padding: 0;
}

您的浏览器默认添加UL边距 - 您需要重置默认浏览器CSS

Answer 2

将margin:0添加到您的.content-list规则声明中。

顺便说一句，您在<br />代码中无法<ul>。这是无效的标记

Answer 3

这是因为默认情况下，ul的{​​{1}}为margin-top（在Chrome中，不同的浏览器会有所不同）。在40px上设置margin: 0px即可解决问题：

ul

Answer 4

如果您在浏览器开发人员工具中专门检查Chrome中的元素，则您的UL内容列表的边距为14，侧面工具指标将显示您的间距值。只需设置保证金：0px;对于那种UL风格而言，这种差距将会消失。