ヘッダーに余白を入れるとき

ヘッダーに余白を入れたいときはpaddingを用います。

.logo{

padding:20px;

}

とすると上下左右すべての方向にその20ピクセルの大きさの余白が追加されます。上下左右ではなくある方向のみに余白を指定したいときは

.logo{

padding-top:値;

}

とするとその方向のみに余白が追加されます。

上に余白を追加したいときは「padding-top」

下に余白を追加したいときは「padding-bottom」

左に余白を追加したいときは「padding-left」

右に余白を追加したいときは「padding-right」

と打ち込めば自分が指定したところだけに余白が追加されます。

これも自分が余白を入れたいと思った部分を英語にしてpaddingに付け加えたらできるのですぐに理解できますね。