Como botão Alinhar centrado abaixo da tabela?

Question

I colocar elementos de forma em uma mesa, de modo que os nomes de coluna e entradas são alinhados com 2-colunas. E eu coloquei botão enviar e botão de cancelamento abaixo da tabela. A largura da mesa não é fixo. Eu quero colocar os botões da largura da tabela alinhado ao centro.

Uma simples maneira é colocar os botões na tabela. Mas eu quero separá-los da mesa. Qual é a maneira mais elegante de fazer isso?

Answer 1

estrutura como esta:

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

Answer 2

Uma vez que os botões e mesa estão relacionados você poderia usar um conjunto de campos:

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