Sunday, June 28, 2009

Position of radiobutton / checkbox inputs

An issue I keep forgetting to resolve is the positioning of radiobuttons and checkboxes. The problem specifically being their vertical misalignment against the text for each input. I've tried dealing with this by changing margins and such, but versions of IE and firefox will render them differently, even being contributed by other factor (unknown to me thus far).

Solution (as far as I can think, and found):
vertical-align: middle;

Try that and see if it solves your alignment issue.
Funny thing is, I found this solution a year ago and then forgot it when I really needed it >.<