删除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; 
}