我的CSS填充显示不正确吗？或者我的语法错了？

Question

我在css中为h1和p设置了填充值，如下所示：

h1 {
    padding-left: 30px;
    padding-right: 30px;
}
p {
    padding-left: 33px;
    padding-right: 135px;
    padding-bottom: 30px;
}

但是在表格中似乎存在某种形式的预先格式化的填充，因为当表格的css中没有填充时，顶部显示缩进填充约30px。我究竟做错了什么？这是一张解释我的意思的图片：

“标题”上面的填充在我的代码中没有。

谢谢， 奥利弗

Answer 1

可能需要重置h1元素

上的默认边距

h1 {
    margin:0;
    padding: 0 30px;
}

Answer 2

在HTML中h1标记有默认边距，请参阅http://www.w3.org/TR/CSS21/sample.html

您可能最好使用以下方法从h1中取出默认边距：

h1{
margin:0;
}

Answer 3

您可以使用此Reset stylesheet来避免此类问题

Answer 4

如果您使用table，则需要将td的垂直对齐方式设置为顶部，而不是默认值middle

td {
    vertical-align:top;
}