删除heading标签下的填充

Question

目前我有一个列表，上面有一个H3标题(我真的不能很容易地删除它，它是由cms自动生成的)，看起来像这样

Headline
|
|
List stuff

我想把这些管子扔掉。它们似乎被“内置”到了CSS标签中，有谁知道h3的<h3>属性会去掉它吗？

Answer 1

H2和H3标签本身都有由浏览器添加的边距和填充。

您可以通过在css中的H1、H2和H3标签上放置背景并在不同的浏览器中查找来测试这一点。

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

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

然后，您可以重新添加您想要的任何内容，因为CSS是单向执行路径。后续的CSS值将覆盖基本级别的CSS。

Answer 2

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

h3 
{ 
    display:inline; 
} 

Answer 3

尝试将H3上的“边框”样式属性设置为

border:0;

有可能“管道”实际上是标题上的一个边框，一个边框右属性，您可以修改或覆盖它。

另一种选择: CMS生成的一个真正的管道(我假设您已经检查过HTML源代码，事实并非如此，但最好问一下)

您是否可以选择文本并查看它是否是真正的竖线字符，或者更确切地说，它只是一个视觉元素？

另一种选择:某种CSS内容属性。更罕见，因为大多数浏览器都不支持它。