To vertically align checkbox in HTML CSS, one has to use a combination of vertical align and margin for the checkbox.

<style>.checkbox { vertical-align:middle; margin:0px; }</style>
<input type="checkbox" class="checkbox" />