This is one of the minor CSS problems that plagues me constantly. How do folks around Stack Overflow vertically align checkboxes and
checkboxes
One easy thing that seems to work well is to apply a adjust the vertical position of the checkbox with vertical-align. It will still be vary across browsers, but the solution is uncomplicated.
input { vertical-align: -2px; }
Reference