在內部添加ap標簽時，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設置元素樣式。 我在上面添加了必要的代碼以使您的文本居中。