在内部添加p标签时，div标签上方的余量不足

Question

今天在摆弄一些HTML和CSS的时候，我偶然发现了一个问题。当我在div标签中放置一个段落标签时，它会在我的div顶部添加一个丑陋的不需要的边距。

<div id="header">
<center>
    <p>Gavin Sadler.com</p>
</center>

body {
margin:0;
}
@font-face {
font-family: CoolveticaRg;
src: url(Coolvetica_Rg.otf);
}
#header {
width:%100;
height:100px;
background-color:grey;
margin-top:0;
}
#header{
margin-top:0px;
background-color:grey;
}
#header p {
font-family:CoolveticaRg, Arial;
}

我很感激帮助。谢谢！

Answer 1

您需要将此设置为p元素，如下所示：

#header p{
    font-family:CoolveticaRg, Arial;
    margin: 0;
}

它应该解决你的问题

Answer 2

您可以删除段落上的边距：

#header p {
    font-family: CoolveticaRg, Arial;
    margin-top: 0;
    text-align: center;
}

在旁注中，不推荐使用center标记。您应该删除它并使用CSS来设置元素的样式。我已经在上面添加了必要的代码以使文本居中。