Почему блок привязан к соседнему div?

Question

[mootz]

Здравствуйте, господа.
Полдня уже ломаю голову над это проблемой.
Суть в том, что при margin\padding центрального блока двигается и соседний.
Ссылка на проблему - devmootz.xyz/test
Скорее всего ответ очевиден, но я никак не могу додуматься.
Заранее спасибо!

Answer 1

[Рома Зварич]

У Вас элементы являются строчно-блочными.
Margin-top увеличивает высоту родительского элемента и тянет за собой второй элемент, так как свойство vertical-align у строчно-блочных элементов middle.

Есть хорошее правило, рекомендующее при определении элементов строчно-блочными, задавать им vertical-align: top.
Примените его к обоим блокам header-logo и header-search.