Los botones de radio no se alinean horizontalmente

Mis botones de radio HTML se alinean verticalmente y no horizontalmente. Además, el texto para cada uno de ellos no está justo al lado del botón, como me gustaría que fuera.

Payment Method

Ese es el código para mis botones HTML. Tengo una hoja de estilo externa, pero no he implementado ningún estilo para los botones a partir de ahora.

Las casillas de verificación están alineadas horizontalmente por defecto, al igual que las tags. Debes estar configurando display:block en un elemento. Quite eso, o sobrescríbalo aplicando display:inline-block .

Prueba el siguiente CSS:

 input[type="radio"] { display:inline-block; } label { display:inline-block; } 

Como he dicho, estas son propiedades por defecto. Deberías recibir los siguientes resultados. jsFiddle here Sería mejor simplemente eliminar display:block en lugar de simplemente sobrescribirlo.