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

Question

[worldheady]

Вот сайт: (thx)

В мобильном меню, не могу выровнять поиск и кнопку.

Не понимаю почему

.search-input{
  display: inline-block;
}

не работает...

Даже если:

.search-input{
  overflow:hidden;width:200px
  display: inline-block;
}

Хотя ТУТ всё даже без этого выравнивается

Comments

[Владимир Брумер]

как вариант

по вешайте выделенные стили на выделенный идентификатор, либо пропишите аналогично...

[worldheady]

Собствено сколько людей столько и мнений, спасибо именно Вам!

Answer 1

[worldheady]

Спасибо Владимир Брумер

#searchform{
    display:flex;
}

Answer 2

[Шохрух Шаймардонов]

Используйте flex
Для контейнера пропишите

.wrapper {
  display: flex;
  flex-flow: row wrap
}

Answer 3

[Engar]

.search-input {
    margin-right: 50px;
    width: 100%;
}

У .search-input input убрать display: block; width: 100%; padding-right.
Input с классом in-submit переместить в div search-input.