Question

I’m wanting to figure out why the th checkbox never gets aligned with the rest of the column. All checkboxes should be center aligned.

http://jsfiddle.net/waZRR/

UPDATE: Actual Live Version

My link

Answer 1

You your dribble example it worked by putting

 table tr td:first-child { text-align: center !important; } 

http://jsfiddle.net/waZRR/4/

Update

Vega’s solution is clearly better! Just ignore me^^

Update 2

Use the css as Vaga’ suggested, and add new padding rules. like this:

 .table thead th:first-child,
 .table tbody td:first-child { text-align: center; padding:4px 0px; }

Then it looks good 🙂