Как выровнять поиск?

Question

[YanaMe]

Необходимо выровнять поиск в шапке, по линии. Сетка нарушена, но нужно, чтобы было ровно.......Что можно придумать?


yana586ma8.temp.swtest.ru

Comments

[Алексей Скляров]

Вместо картинок, сделайте нормальные блоки. Нет сложности добавить сверху и снизу полосу у текста. Тем самым высота у вас будет всегда та же, и не придется мудрить.

[Ankhena]

Что тут думать? У инлайн блоков есть vertical-align, у флексов align-items

[YanaMe]

Ankhena, выровнять с нижним блоком (т е с блоком о компании)

[Ankhena]

YanaMe,
1. разложить верхнюю строку по сетке, возможно достаточно только поиск сложить в col-xs-2 и margin
2. задать поиску ширину равную кнопке, а родителям одинаковые по крайней мере слева отступы (либо компенсировать margin'ом поиска).
3. Легко реализуемый, но плохой способ: на js узнавать ширину кнопки и задавать ее поиску.

Answer 1

[motcart]

Самое простое, но не самое правильное решение, сделать для блока поиска значение padding-left: 17px вместо 15.