CSS to align input input box with IMG (picture) on the same line

How to make input input box with IMG In the same line center, because often use, by default, input and IMG Put the same line, IMG tag is always higher than the input of a head, it is difficult to see, you can refer to this article may be helpful

Put input and IMG on the same line, the IMG tag is always higher than the input of a head, ugly. Later on the site to find the most is to the IMG add a align= "Absmiddle" attribute, this method seems to be feasible, but does not conform to the HTML standard. Later found that both input and IMG add Vertical-align:middle to the line:

When writing CSS, make input and IMG align in the same line:

Copy Code code as follows:
Img{vertical-align:middle;}

Input{width: Width; height: altitude; line-height: consistent with height; margin:0px;padding;0px;font-size: Font size; border: border; Vertical-align: Center;}

or write it directly.

Copy Code code as follows:

Input,img{vertical-align:middle;}