如何将文本输入与图像按钮对齐？

Question

我有一个表单，其中输入字段的最后一行后跟2个图像按钮。

无论我尝试什么，我似乎都无法将按钮与字段水平对齐。

以下是所有代码： http://jsfiddle.net/h3ZPk/

Answer 1

添加此规则：

#buttons img, #buttons input {
    vertical-align:bottom;
}

<强> jsFiddle example

Answer 2

我不经常推荐这个，但请使用表格。它们是老式的，但它们非常适合表格。

<table>
  <tr>
    <td>Label1</td><td><input type="text" /></td><td></td><td></td>
  </tr>
  <tr>
    <td>Label2</td><td><input type="text" /></td><td></td><td></td>
  </tr>
  <tr>
    <td>Label3</td><td><input type="text" /></td><td><input type="button" /></td><td><input type="button" /></td>
  </tr>
</table>

---

修改

http://jsfiddle.net/h3ZPk/6/