아래 테이블 중앙에 버튼을 정렬하는 방법은 무엇입니까?

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>