input文本框和验证码对齐问题解决

在制作网页过程中经常会将input 和 验证码放在同一行实现左侧输入右侧验证码，不过与此同时出现的一个问题是文本框和验证码的水平对齐问题。因为将 input 和 img 放在同一行，img标签总是比input高出一部分，非常惹人厌，不知道你们怎么想的，反正我看不下去~~~ 

下面是解决方法：

CSS实现input和img（验证码）水平对齐的方法 

同时给input和img添加vertical-align:middle就行了

废话不多说，直接上代码：

input,img {
    vertical-align:middle;
}

（完）