CSS - Точно такая же высота и выравнивание кнопки и текстового поля ввода

Мне нужно, чтобы кнопка и текстовый блок располагались рядом друг с другом, и они должны быть идеально выровнены, как если бы одна была больше другой, тогда это было бы сразу заметно.

Обычно я не беспокоюсь о небольших различиях между браузерами, но эти два ввода занимают очень заметное место на каждой странице и являются важной особенностью сайта, поэтому они должны идеально согласовываться во всех основных браузерах и уровнях масштабирования.

у кого-нибудь есть совет о том, как этого добиться.

Просто краткий пример того, чего я пытаюсь достичь: новая домашняя страница Google. После начала ввода срабатывает автозаполнение, и поле поиска перемещается наверх, а синяя кнопка идеально совпадает с текстовым полем. Он отлично работает в разных браузерах, но размечен в таблице. Означает ли это, что это может быть лучший способ добиться этого?