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:

    

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

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

<!-- language: lang-html -->

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

<!-- end snippet -->

[![introducir la descripción de la imagen aquí][1]][1]


  [1]: https://i.sstatic.net/2zLhv.png