djamali
@djamali
php,javascript,bitrix

Почему происходит сдвиг кнопки относительно поля для ввода?

У меня имеется следующий код:
<form action="/ru/search/node/" method="get" id="searchform">
                        <input type="search" id="search" placeholder="Поиск..." />
                        <button type="submit" id="button">Искать</button>
                    </form>

и css
#search{
       height:60px;
   }
    #button{
        height: 60px;
        color: white;
        background-color: cornflowerblue;
    }

Почему-то кнопка съежает в низ http://joxi.ru/krDjjBZSEj6on2
Как это можно поправить?
  • Вопрос задан
  • 31 просмотр
Решения вопроса 1
Наведите мышку на кнопку, кликните правой кнопкой, выберите "Просмотр кода", посмотрите стили, которые к ней применяются, кроме ваших.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
monochromer
@monochromer
Кнопка съезжает, потому что изначально для инлайн-элементов выравнивание идет по базовой линии текста. Поэтому кнопке и полю ввода нужно задать вертикальное выравнивание, например, vertical-align: middle;
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
Sveak Барнаул
от 40 000 руб.
18 авг. 2018, в 17:54
6000 руб./за проект
18 авг. 2018, в 16:00
60000 руб./за проект