Заполнение между флажком и меткой

Для гуру CSS там эта разметка выводит флажок с меткой Value1 справа, но Value1 находится слишком близко к флажку.

<dd id="rr-element">
   <label for="rr-1">
      <input type="checkbox" value="1" id="rr-1" name="rr[]">
      Value 1
   </label>
</dd>

Итак, я пытаюсь создать эффект padding-right справа от флажка, но он не работает. Флажок и метка перемещаются вместе. Как я могу настроить таргетинг только на флажок или его текст, чтобы создать пробел для заполнения?

dd label input {
   padding-right:100px;
}