Aligning radio button with text
March 4th, 2010 by NikhilSince the radio button and the text are inline, so the text will align itself to the bottom of the radio button, The the text will appear to be slightly under the radio button.
If you want these to align to the top, you’ll have to place the radio and the text into separate containers like divs or spans ( as appropriate) and they will take care of the alignment. It would be easier to use table cells too, of your design brief permits it.
This won’t look the same in every browser, as every browser displays radios slightly differently, so there’s always going to be size issues no matter what you do.
Subscribe to ExpressingIT by Email | Follow Me on Twitter