两个input在同一行为什么对不齐

刚刚遇到个问题：我想达到的效果是这样的：



代码如下：

html:



css:



该代码在火狐跟高版本IE是这样显示的：



在chrome跟360却是这样的：



不仅两个input对不在同一水平线，而且P标签的文字跟输入框的间距也没了；

尝试margin、padding等方法也不能解决窜位的问题；

最后给两个input加了个浮动，问题解决。