删除H3标签下面的填充

Question

毫无疑问，这是一个简单的问题，但我似乎无法正确地将其输入Google以找到答案......

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

Headline
|
|
List stuff

我想摆脱管道。它们似乎是“内置”到<h3>标签，任何人都知道h3的css属性会摆脱它吗？

谢谢！

Answer 1

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

你可以通过在css中放置H1，H2和H3标签的背景并查看不同的浏览器来测试它。

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

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

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

Answer 2

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

h3 
{ 
    display:inline; 
} 

Answer 3

尝试在H3上设置“border”样式属性

border:0;

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

替代方案：CMS生成的真正管道（假设您已经检查过HTML源代码，但事实并非如此，但很高兴提问）

您可以选择文本并查看它是否是真正的管道角色，或者只是一个视觉元素？

其他替代方案：某种CSS内容属性。更罕见，因为大多数浏览器都不支持它。

Answer 4

除了@Jonathan的回答，您必须添加：

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

这解决了我的问题。

Answer 5

如果管道是实际文本，那么在不使用某种形式的JavaScript的情况下，您将无法摆脱它们。

如果管道是H3的背景图像，您可以使用它来摆脱它们：

h3
{
  background-image: none;
}