title: Styled a checkbox like a button - how do I add margin?
body: <p>Styled my checkboxes like buttons as suggested here in this article:
  <a href="https://stackoverflow.com/questions/7642277/css-styled-a-checkbox-to-look-like-a-button-is-there-a-hover/23036392#23036392">CSS: styled a checkbox to look like a button, is there a hover?</a></p>
  
  <p>Now I've been trying to add some margin to the buttons. This won't work, as soon as the button is selected, only the area without margin is highlighted. This looks awfull...</p>
  
  <pre><code>#ck-button label span {
      text-align:center;
      padding:3px 0px;
      display:block;
      margin: 10px;
  }
  </code></pre>
  
  <p>See here: <a href="http://jsfiddle.net/Vq759/" rel="nofollow noreferrer">http://jsfiddle.net/Vq759/</a></p>
  
  <p>Anyone know how to solve this?</p>
  
  <p>Thanks mates :)</p>