Designing better Checkboxes

When adding an <input type="(radio|checkbox)" /> I recommend wrapping the whole thing in a label. Because it makes the clickable area bigger and allows the user to miss the text and input while getting the desired result.

Here’s the basic markup.

<label>
  <input type="checkbox">
  Is this awesome?
</label>
Check out this Pen!