Почему съезжают иконки и выпадает поле из потока?

Question

[Илья]

Я тренируюсь в вёрстке — делаю главную страницу сайта Центробанка.

Почему у меня съезжают иконки соцсетей, хотя вроде код одинаковый?

Оригинал:

И почему выпадает из потока поле поиска?

Оригинал:

Моя работа
Оригинал

Answer 1

[OGladkiy]

Допиши clearfix к классу extra и будет тебе счастье

Comments

[Илья]

Спасибо, теперь поле не выпадает. Но иконки всё равно съезжают, clearfix попробовал для других, не мог. Как исправить?

[OGladkiy]

Илья, Если ты про то, что иконки стоят ниже текста, то для

#page #layout header .extra .inner .social{
margin: 3px 0 20px;
}

Марджин сверху убрать нужно. И вообще совет тебе. В 2018 уже пора учится верстать с помощью flex технологии. Выравнивать с помощью отступов и флоатов это не комильфо.

[Илья]

Oleg Gladkiy, в оригинале иконки не съезжают и располагаются ближе друг к другу, хотя код такой же. Почему?