Как правильно выровнять высоту поля ввода по высоте кнопки?


#1

ss
Как правильно выровнять высоту поля ввода согласно высоте кнопки? (либо наоборот)


#2

Я такое равняю конкретными значениями line-height и padding-ами.


#3

#4

Нюанс: сперва нужно нормализовать стили каким-то reset.css. Иначе не угадать с padding-ами для стилей по умолчанию в разных боаузерах. Например в мобильном сафари кнопка и инпут не выглядят выровненными


#5

Наверно неправильно понял задачу. Думал, что надо их по низу выровнять. Если нужно сделать их одинаковой высоты, можно воспользоваться растягиванием флекса:

Но вообще я такое на практике не встречал. И кнопки и поля обычно разной высоты, а в формах кнопки выравниваются относительно поля вернтикально по центру. Иначе в одном месте поля будут меньше/больше высотой чем те, рядом с которыми будут кнопки.