Почему у хедера есть верхние отступы?

Question

[Frel]

Почему у хедера есть верхние отступы? код

Comments

[0leg5ergeev]

потому что вы их задали

Answer 1

[Fahrenhe17]

если убрать из этого списка "p" - Ваша проблема решится.

Answer 2

[dm]

Corporatix - абзац с margin: 20px 0;

Answer 3

[Elwen]

Этот эффект называется схлопывание margin. И в вашем случае родительский элемент .header получил вертикальные отступы из-за схлопывания с margin дочернего элемента <p>.
Решить вопрос можно несколькими путями, например, указав padding или border для .header:
.header{height:91px;padding-top:1px;} или .header{height:91px;border-top:1px solid #cdd5e9;}
Или можете указать .header{overflow:hidden;}.
Или удалить отступы для .header p и задать внутренний отступ для .header.