Use vertical-align to achieve the alignment of input and img _ HTML/Xhtml _ web page creation

The img tag is always a header higher than the input one. It is feasible to use alignabsmiddle, but does not comply with the HTML standard. We accidentally discovered that vertical-align: middle is acceptable, if you have similar cases, you can put the input and img in the same line. The img label is always a header higher than the input, which is very ugly. I have tried many methods before. What I found most on the website is to add an align = "absmiddle" attribute to img. This method does seem feasible but does not comply with the HTML standard. Later, I accidentally added vertical-align: middle to both input and img:

The Code is as follows:

Input, img {vertical-align: middle ;}

In this way, the code is horizontally aligned.