html - ボタンをテーブルの下の中央に揃えるには?

Question

フォーム要素をテーブルに配置して、列名と入力が 2 列に配置されるようにします。そして、テーブルの下に送信ボタンとキャンセルボタンを配置しました。テーブルの幅は固定されていません。ボタンをテーブル幅の中央揃えに配置したい。

簡単な方法の 1 つは、ボタンをテーブルに配置することです。しかし、私はそれらをテーブルから切り離したいと思っています。それを行う最もエレガントな方法は何ですか?

Answer 1

このような構造：

<div>
<!-- Your table -->
<table />
<!-- Your buttons -->
<div style="text-align:center;">
<input />
</div>
</div>

Answer 2

ボタンとテーブルは関連しているため、フィールドセットを使用できます。

<fieldset>
<!-- Your table -->
<table />
<!-- Your buttons -->
<p style="text-align:center;">
<input />
</p>
</fieldset>