Comment aligner le bouton centré sous le tableau?

Question

Je place les éléments de formulaire dans un tableau afin que les noms de colonnes et les entrées soient alignés sur 2 colonnes. Et je mets le bouton d'envoi et le bouton d'annulation en dessous du tableau. La largeur de la table n'est pas fixée. Je veux mettre les boutons alignés au centre de la largeur du tableau.

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

Answer 1

Structure comme celle-ci:

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

Answer 2

Puisque les boutons et la table sont liés, vous pouvez utiliser un ensemble de champs:

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