Как выровнять кнопку по центру под таблицей?

Question

Я помещаю элементы формы в таблицу, чтобы имена столбцов и входные данные были выровнены по 2 столбцам. И я положил кнопку «Отправить» и кнопку «Отмена» под таблицей. Ширина стола не фиксирована. Я хочу расположить кнопки по центру ширины таблицы.

Один простой способ - поместить кнопки в таблицу. Но я хочу отделить их от стола. Какой самый элегантный способ сделать это?

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>