vertical-alignで入力とimgを揃える。

inputとimgを同じ行に入れると、imgタグが必ずinputより1頭分上に来てしまい、非常に見苦しいです。以前からいろいろな方法を試しましたが、どれもうまくいきません。その後、imgにalign="absmiddle "属性を追加する方法が最もポピュラーであることがわかり、これは一見うまくいきそうですが、HTML標準に準拠していないことがわかりました。そこで、inputとimgの両方にvertical-align:middleを追加すれば、以下のように動作することがわかりました。
/{br {
/

こうすることで、コードが規則正しく横並びになります。