Comment aligner le bouton centré sous la table?

Question

Je place des éléments de formulaire dans une table afin que les noms de colonnes et les entrées soient alignés sur 2 colonnes. Et je mets le bouton submit et le bouton cancel sous la table. La largeur de la table n'est pas fixe. Je veux placer les boutons alignés au centre de la largeur de la table.

Un moyen simple est de mettre les boutons dans le tableau. Mais je veux les séparer de la table. Quelle est la manière la plus élégante de faire cela?

Answer 1

Structure comme ceci:

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

Answer 2

Depuis les boutons et la table sont vous pouvez utiliser une relation fieldset:

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