Alignment problem between input text box and img verification code (IMG is always one header higher than input)

Time:2021-1-13

In web page production, input and img are often placed on the same line. Img tag is always a head higher than input, which is very ugly.

CCS implementation of horizontal alignment of input and img
Add vertical to input and img at the same time- align:middle The code is as follows:

Copy code

The code is as follows:

input,img {vertical-align:middle;}