input文本框设置字体大小后导致按钮位置偏移解决方案

今天写一个搜索框，遇到一点小问题，记录一下。

问题1：设置文本框和按钮在一行显示，两者高度一致，当设置文本框字体大小后，按钮位置发生偏移，如下图所示：

设置文本框字体大小前：

设置文本框字体大小后：

按钮位置明显向下偏移，网上查了一下，给文本框设置大小的同时，再设置垂直对齐方式为top即可，即

vertical-align: top;

demo代码如下：

问题2：为什么引入reset样式之后，两个input元素之间还是有一段间隔？

查阅之后，解决方案如下：