如何从html中的标题标签中删除填充？

Question

我正在尝试从 <h1> 和 <h2> 标记中删除顶部和底部填充。但是我发现h1 和h2 标签具有固有的填充。我尝试使用以下 CSS：

 h1,h2 { 
      padding: 0px; 
 } 

但是，这并不能解决问题。那么如何从标题中删除填充？

Answer 1

标题标签周围的间距实际上是由边距控制的，而不是填充。所以你想删除它。但是，您仍然可以将填充设置为 0px，以防万一另一个选择器实际上将其设置为非零值

h1,h2 {
    padding: 0px;
    margin: 0px;
}

这是一个codepen，它显示了它的实际效果。