删除标题标签下方的填充

Question

目前我有一个列表，上面有一个 H3 标题（我真的不能轻易删除，它是由 cms 自动生成的）并且看起来像这样

Headline
|
|
List stuff

我想摆脱管道。它们似乎是“内置”到 <h3> 标签中，有人知道 h3 的什么 CSS 属性可以摆脱这个吗？

原文由 Chris Thompson 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

H1、H2 和 H3 标签都固有地由浏览器添加了边距和填充。

您可以通过在 css 中的 H1、H2 和 H3 标签上放置背景并在不同的浏览器中查看来对此进行测试。

要删除“管道间距”，您应该：

 h3{
    padding: 0px;
    margin: 0px;
}

然后你可以重新添加你想要的任何东西，因为 CSS 是一种单向执行路径。后续 CSS 值将覆盖基础级 CSS。

原文由 Jonathan 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

另一个删除文本下方空格的选项如下：

 h3
{
    display:inline;
}

原文由 user843337 发布，翻译遵循 CC BY-SA 3.0 许可协议