¿Cómo alinear el botón centrado debajo de la mesa?

Question

Pongo elementos de formulario en una tabla para que los nombres de columna y las entradas estén alineados con 2 columnas. Y pongo el botón de enviar y el botón de cancelar debajo de la mesa. El ancho de la tabla no es fijo. Quiero poner los botones alineados al centro del ancho de la mesa.

Una manera simple es poner los botones en la tabla. Pero quiero separarlos de la mesa. ¿Cuál es la manera más elegante de hacer eso?

Answer 1

estructura como esta:

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

Answer 2

Desde los botones y la mesa están relacionados se puede utilizar un conjunto de campos:

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