Come allineare il pulsante centrato sotto la tabella?

Question

Inserisco gli elementi del modulo in una tabella in modo che i nomi delle colonne e gli input siano allineati a 2 colonne. E ho messo pulsante di invio e pulsante Annulla sotto il tavolo. La larghezza della tabella non è fissa. Voglio mettere i pulsanti allineati al centro della larghezza del tavolo.

Un modo semplice è mettere i pulsanti nella tabella. Ma voglio separarli dal tavolo. Qual è il modo più elegante per farlo?

Answer 1

struttura come questa:

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

Answer 2

Dal momento che i pulsanti e la tabella sono correlati è possibile utilizzare un fieldset:

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