Задать вопрос
@worldheady
html

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

Вот сайт: (thx)

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

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

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


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

Даже если:

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


Хотя ТУТ всё даже без этого выравнивается
  • Вопрос задан
  • 86 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
@worldheady Автор вопроса
Спасибо Владимир Брумер 
#searchform{
    display:flex;
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
joeberetta
@joeberetta
Читай: https://epdf.pub/google-for-dummies.html
Используйте flex
Для контейнера пропишите
.wrapper {
  display: flex;
  flex-flow: row wrap
}
Ответ написан
Комментировать
Комментировать
@Engar 
.search-input {
    margin-right: 50px;
    width: 100%;
}


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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Написать код на python
19 апр. 2024, в 03:01
1000 руб./за проект
Ещё заказы