如何将按钮对齐在桌子下方？

Question

我将表单元素放在表中，以便列名和输入与2列对齐。 然后我把提交按钮和取消按钮放在桌子下面。 表格宽度不固定。 我想把按钮放在桌子宽度的中心对齐位置。

一种简单的方法是将按钮放在表格中。 但我想把他们从桌子上分开。 最优雅的方法是什么？

Answer 1

这样的结构：

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

Answer 2

由于按钮和表格相关，您可以使用字段集：

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