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

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

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

1 симпатия
1 симпатия

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

1 симпатия

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

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

2 симпатии