同一个div下两个input不对齐？

Question

Dome如下https://jsfiddle.net/y4okbek1/11/
遇到过文字与图片不在一行的情况，
但是两个input不在一起还是第一次见，话说两个基线应该是一样的，为什么还会出现这种情况？

Answer 1

给button加个文字。

Answer 2

vertical-align:baseline
Align the baseline of the box with the baseline of the parent box. If the box doesn't have a baseline, align the bottom of the box with the parent's baseline.

所以说button里面没有文字的话他就会把元素底部和父元素的baseline对齐啦(:3」∠)

Answer 3

input {
    float: left;
}

Answer 4

跟type有关系