title: Padding between checkbox and label
body: <p>For the CSS gurus out there, this markup outputs a checkbox with a label <code>Value1</code> to its right, but <code>Value1</code> is too close to the checkbox.</p>
  
  <pre><code>&lt;dd id="rr-element"&gt;
     &lt;label for="rr-1"&gt;
        &lt;input type="checkbox" value="1" id="rr-1" name="rr[]"&gt;
        Value 1
     &lt;/label&gt;
  &lt;/dd&gt;
  </code></pre>
  
  <p>So I'm trying to create a <code>padding-right</code> effect to the right of the checkbox, but it's not working. The checkbox and label move together. How can I target the checkbox only or its text only so I create a padding gap?</p>
  
  <pre><code>dd label input {
     padding-right:100px;
  }
  </code></pre>