Skip to main content

Tengo 3 radios, cada uno dentro de un label en el que escribo un nombre, para que al hacer click sobre este también se haga click en el radio. El problema es que no logro colocarlos a todos de forma horizontal en la misma linea, les dejo el código html y una imágen de cómo deberían quedar:

<label><input type"radio" name="radio" />Primero</label>
<label><input type"radio" name="radio" />Segundo</label>
<label><input type"radio" name="radio" />Tercero</label>

label {
  float: left;
  cursor: pointer;
  display: inline-block;
  width: 20%;
}
<label><input type="radio" name="radio" />Primero</label>
<label><input type="radio" name="radio" />Segundo</label>
<label><input type="radio" name="radio" />Tercero</label>

introducir la descripción de la imagen aquí

Editado 1: Código css de los label:

label{
    float: left;
    cursor: pointer;
    display: inline-block;
    width: 20%; }

Tengo 3 radios, cada uno dentro de un label en el que escribo un nombre, para que al hacer click sobre este también se haga click en el radio. El problema es que no logro colocarlos a todos de forma horizontal en la misma linea, les dejo el código html y una imágen de cómo deberían quedar:

<label><input type"radio" name="radio" />Primero</label>
<label><input type"radio" name="radio" />Segundo</label>
<label><input type"radio" name="radio" />Tercero</label>

introducir la descripción de la imagen aquí

Editado 1: Código css de los label:

label{
    float: left;
    cursor: pointer;
    display: inline-block;
    width: 20%; }

Tengo 3 radios, cada uno dentro de un label en el que escribo un nombre, para que al hacer click sobre este también se haga click en el radio. El problema es que no logro colocarlos a todos de forma horizontal en la misma linea, les dejo el código html y una imágen de cómo deberían quedar:

label {
  float: left;
  cursor: pointer;
  display: inline-block;
  width: 20%;
}
<label><input type="radio" name="radio" />Primero</label>
<label><input type="radio" name="radio" />Segundo</label>
<label><input type="radio" name="radio" />Tercero</label>

introducir la descripción de la imagen aquí

se añadieron 156 caracteres en el cuerpo
Origen Enlace
Xefiron
  • 447
  • 1
  • 5
  • 19

Tengo 3 radios, cada uno dentro de un label en el que escribo un nombre, para que al hacer click sobre este también se haga click en el radio. El problema es que no logro colocarlos a todos de forma horizontal en la misma linea, les dejo el código html y una imágen de cómo deberían quedar:

<label><input type"radio" name="radio" />Primero</label>
<label><input type"radio" name="radio" />Segundo</label>
<label><input type"radio" name="radio" />Tercero</label>

introducir la descripción de la imagen aquí

Editado 1: Código css de los label:

label{
    float: left;
    cursor: pointer;
    display: inline-block;
    width: 20%; }

Tengo 3 radios, cada uno dentro de un label en el que escribo un nombre, para que al hacer click sobre este también se haga click en el radio. El problema es que no logro colocarlos a todos de forma horizontal en la misma linea, les dejo el código html y una imágen de cómo deberían quedar:

<label><input type"radio" name="radio" />Primero</label>
<label><input type"radio" name="radio" />Segundo</label>
<label><input type"radio" name="radio" />Tercero</label>

introducir la descripción de la imagen aquí

Tengo 3 radios, cada uno dentro de un label en el que escribo un nombre, para que al hacer click sobre este también se haga click en el radio. El problema es que no logro colocarlos a todos de forma horizontal en la misma linea, les dejo el código html y una imágen de cómo deberían quedar:

<label><input type"radio" name="radio" />Primero</label>
<label><input type"radio" name="radio" />Segundo</label>
<label><input type"radio" name="radio" />Tercero</label>

introducir la descripción de la imagen aquí

Editado 1: Código css de los label:

label{
    float: left;
    cursor: pointer;
    display: inline-block;
    width: 20%; }
Origen Enlace
Xefiron
  • 447
  • 1
  • 5
  • 19

¿Cómo puedo dejar radios con label en la misma linea?

Tengo 3 radios, cada uno dentro de un label en el que escribo un nombre, para que al hacer click sobre este también se haga click en el radio. El problema es que no logro colocarlos a todos de forma horizontal en la misma linea, les dejo el código html y una imágen de cómo deberían quedar:

<label><input type"radio" name="radio" />Primero</label>
<label><input type"radio" name="radio" />Segundo</label>
<label><input type"radio" name="radio" />Tercero</label>

introducir la descripción de la imagen aquí