[SOLUCIONADO] Organizar varios input radio

[yamidvo]

Buenas a todos, tal vez el titulo no es muy explicativo asi que les mostrare con una imagen.
Asi tengo organizado varios input radio:
https://docs.google.com/file/d/0B6YpdFUjGETuTHZ4UzB2S3Y4TDA/edit
quisiera que se vieran totalmente alineados, no se porque toman esa forma, alinear divs es facil pero estos elementos no pueden estar en diferentes div.
espero me ayuden.

[pzin]

Habrá que ver el código. A simple vista es un poco difícil adivinarlo.

[memoadian]

¿por que no pueden estar en diferentes divs?
¿en una tabla?

es raro eso que dices

[yamidvo]

no puse el codigo porque es muy simple, aqui esta:

Código HTML:

<label class="clase2">Herpes:</label>
                <input tabindex="3" type="radio" id="input-3" class="centro" name="herpes" hover>
              <label for="input-3" class="centro">Si</label>
              <input tabindex="4" type="radio" id="input-4" class="centro" name="herpes" hover>
              <label for="input-4" class="centro">No</label><br />
              <label class="clase2">Cuelitis:</label>
              <input tabindex="5" type="radio" id="input-5" class="centro" name="cuelitis" hover>
              <label for="input-5" class="centro">Si</label>
 

lo tengo encerrado dentro de un div, el probelma con las tablas es que dificultan un poco cuando quieres hacer responsive desing, y si estan en diferentes div no funciona el

Código CSS:

vertical-align: middle;
 

que le puse a los input radio y se desordena mucho. igual estoy abierto a las sigerencias.

[memoadian]

fíjate como lo hacen aquí

es responsive design

http://foundation.zurb.com/docs/components/forms.html

[pzin]

yamidvo supongo que estarás usando más código CSS del que pones ahí. Me imagino que esos label tendrás algún ancho fijo y margen, o padding y alineación extraña.

[Rafael]

Adivinando lo que supongo es que no tiene el label un height suficiente. En los frenillos es evidente que los radios están siendo empujados por la fila anterior.

También hay por ahí un BR que sobra.

Yo no los metería en una tabla, con un label bien puesto está bien, pero quizá sí los metería en un div.

[pzin]

Es que realmente dándole un ancho a label es suficiente. Básicamente algo como esto.

Yo supongo que lo que pasa es que le tiene puesto un margen derecho a los label, y por eso siempre queda la misma distancia entre label e input.

[yamidvo]

Muchas gracias, todos los dias se aprende algo nuevo, me sirvio lo de indicarle el ancho a los label.