title: How to fix width of radio button
body: <p>I would like to style a radio button with pure css. I almost got it but I can´t make the background color with a fixed width.</p>
  
  <p>This is what I am achieving...</p>
  
  <p><img src="https://i.stack.imgur.com/6XlNB.jpg" alt="berore"></p>
  
  <p>...and this is what I'm trying to achieve:</p>
  
  <p><img src="https://i.stack.imgur.com/FayhR.jpg" alt="after"></p>
  
  <p>Here is my html</p>
  
  <pre><code>&lt;form&gt;
  
  &lt;a&gt;
  &lt;input id="radio1" type="radio" name="mode" value="size" class="button"&gt; 
  &lt;span&gt;&lt;label for="radio1"&gt;Varones&lt;/label&gt;&lt;/span&gt;
  &lt;/a&gt;
  
  &lt;a&gt;     
  &lt;input id="radio2" type="radio" name="mode" value="count" checked&gt; 
  &lt;span&gt;&lt;label for="radio2"&gt;Mujeres&lt;/label&gt;&lt;/span&gt;
  &lt;/a&gt;
  
  &lt;a&gt;
  &lt;input id="radio3" type="radio" name="mode" value="count" checked&gt;
  &lt;span&gt;&lt;label for="radio3"&gt; Ambos&lt;/label&gt;&lt;/span&gt;
  &lt;/a&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>Here is my css</p>
  
  <pre><code>span {
      width: 100px;
  }
  
  a {
  
      font-family:Helvetica,Arial,sans-serif;
      font-size:14px;
      display: block;
      padding:7px;
      display:block;
  }
  
  label {
      width:150px;
  }
  
  input[type="radio"] {
      display:none;
  }
  
  input[type="radio"] + span {
      cursor: pointer;
      padding: 4px 10px;
      background: lightblue; /*fondo del boton inactivo*/
      color: black;
      border-radius: 3px;
  }
  
  input[type="radio"]:checked + span {
      padding-right:50px;
      color: red; /*color tipografia boton activo*/
      background: url('flechaRadio.png') right no-repeat;
      background-color:#E5E5E5;/* color fondo boton activo*/ 
      background-position: 70px;
  }
  
  input[type="radio"]:hover + label:hover {
      color: black; /*estilo para la tipo del over */
  }
  </code></pre>
  
  <p>Here is the example</p>
  
  <p><a href="http://jsfiddle.net/ploscri/P9yer/" rel="nofollow noreferrer">http://jsfiddle.net/ploscri/P9yer/</a></p>
  
  <p>Thank you in advance.</p>