html - テキスト入力を画像ボタンに合わせる方法は？

Question

入力フィールドの最後の行の後に2つの画像ボタンが続くフォームがあります。

何をしようとしても、ボタンをフィールドに水平に揃えることができないようです。

すべてのコードは次のとおりです：http： //jsfiddle.net/h3ZPk/

Answer 1

このルールを追加します。

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

jsFiddleの例。

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/