input和button高度对不齐、之间有间隙

首先看看两个元素是不是默认有border和padding，导致了元素无法对齐。其次应该采用ie盒模型（css开局应该就设置了）。

高度对不齐

对不齐是因为行内元素的基线是不同的，所以会导致高低不同。
解决办法：每一个元素都加上：

vertical-align:middle;

之间有间隙

如果两个标签不写在同一行，中间有换行符，则html页面之间会渲染一个空格出来。两个标签连着写就可以避免这种情况。

问题源

50demo--04-Hidden Search Widget