DIV 안의 객체를 세로 가운데 정렬

<div style="width: 100px; height: 100px; display: table-cell; vertical-align: middle;">
      <input type="checkbox" id="aaa" name="aaa"/>
</div>

 

display: table-cell 속성은 div를 td 처럼 쓸 수 있게 해 주는 css이다.

이어서 vertical-align: middle을 써주면 가운데로 간다.