html - 検索ボタンとテキストフィールドが同じベースライン上にない

Question

青い検索ボタンと白いテキストフィールドが同じ高さから始まらないのはなぜですか？どうすればこれを修正できますか？URLは...

よろしく、ケビン

Answer 1

ボタンとテキストフィールドに異なるパディングがあります。

このスタイルを送信ボタンに適用すると、見栄えの良い検索バーが表示されます。

.blueButton {
  padding: 1px 0;
}

(編集: Chrome の開発者ツールによると、デフォルトでボタンに適用される「2px 6px 3px」のパディングがあります)

Answer 2

削除するだけfont-size: 1em;で、それらが整列されました。したがって、フォントのサイズを変更したり、高さを変更したりできます。