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!