入力テキストボックスとimg検証コードの位置合わせの問題(imgは常に入力より頭一つ高い)_HTML/Xhtml_Webページ制作

Web ページ制作では、input と img が同じ行に配置されることがよくありますが、img タグは常に input よりも上位にありますが、これは非常に見苦しいです。

CCS で input と img の水平方向の配置を実現する方法
input と img に同時にvertical-align:middle を追加するだけです。コードは次のとおりです。

コードをコピーします

コードは次のとおりです:

input,img {vertical-align:middle;}