View Full Version : Centering vertically the radio buttons

Mar 25th, 2010, 06:59 PM

i have this page (http://www.tirengarfio.com/rs/web/frontend.php/miembross/edit/id/1).

login: fer
password: m
Note: after logging you are redirected to another page. Then click on the link i mention again.

As you can see the radio buttons are aligned with the baseline of the texts ("Chico" and "Chica"), but i want the radio buttons vertically centered.

As you can check, I have tried with "vertical-align: middle;" but it doesn't work..

Any idea?


Mar 25th, 2010, 09:31 PM
I don't know if you want to go this route but what I will do sometimes is make the inputs block-level elements and adjust with margins or positioning—helps get things tighter cross-browser:

input[type=radio] {
display: block;
float: left;
margin-top: .5em;