ボタンを表の下に中央揃えする方法は？

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>