This doesn't seem to be an issue now that the serif font bug is gone.

@bgashler1 I saw this on Linux, I couldn't see styles that made an effort to align so it could differ between platforms.

Still an issue in Windows, not so much in Mac

Not aligned on Windows:

@chrmarti try playing around with line-height on the parent div, e.g. 20px gives me this (but needs verification across OS):

On OSX:

1.9:

With line-height 20px on parent:

With line-height 18px on parent:

One would think there must be a canonical way of doing this, but I haven't found one yet.

This seems to do the trick, looks right on Windows at least http://stackoverflow.com/a/719545/1156119

input[type=checkbox] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

Could also try this one which has the most votes: http://stackoverflow.com/a/306593/1156119

This iteration we focus on issue grooming. This issue is being closed to keep the number of issues in our inbox on a manageable level, we are closing issues that are not going to be addressed in the foreseeable future: We look at the number of votes the issue has received and the number of duplicate issues filed. More details here. If you disagree and feel that this issue is crucial: We are happy to listen and to reconsider.

If you wonder what we are up to, please see our roadmap and issue reporting guidelines.

Thanks for your understanding and happy coding!

Thanks @Tyriar for looking into it. Unfortunately this doesn't work well on Mac:

Reverting for now. On Mac:

Not sure there's a nice way to do this perfectly without OS-specific CSS rules 😕