输入和按钮内联

Question

是否有多种浏览器方式来内联输入和按钮？见http://jsfiddle.net/wf592/。输入显示在按钮下方。简单的保证金没有帮助：

<div>
<input type="text" style="margin-top:-50px;" /><button style="height:25px; width:20px"  />
</div>

当我使用jQueryUI日历时出现此错误：在输入标记之后自动插入日历按钮。所以我不想用更多的div来改变标记。

Answer 1

Demo Fiddle

添加：

input, button{
    vertical-align:middle;
}

有关vertical-align from MDN:

的更多信息

  

vertical-align CSS属性指定了一个垂直对齐方式   内联或表格框。