Wie Button Tabelle zentriert auszurichten?

Question

I stellen Formelemente in einem Tisch, so dass die Spaltennamen und Eingaben an 2-Säulen ausgerichtet sind. Und ich lege Absenden-Button und Abbrechen-Taste unterhalb der Tabelle. Die Tischbreite ist nicht festgelegt. Ich möchte die Tasten zentriert der Tabellenbreite setzen.

Eine einfache Möglichkeit ist es, die Tasten in den Tisch zu legen. Aber ich möchte, dass sie aus der Tabelle trennen. Was ist die eleganteste Art und Weise, das zu tun?

Answer 1

Struktur wie folgt aus:

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

Answer 2

Da die Tasten und Tabelle beziehen Sie eine Fieldset verwenden:

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