This isn't Target Practice
Checkboxes are tiny. Labels are big(ger). This isn't target practice.
The Good:
Check out this Pen!
The Bad:
Check out this Pen!
The How:
We give the label a "for" attribute, where the value corresponds to the ID of the corresponding <input>
Uh oh! We just used an ID in our markup. I think this is ok, because we're not using the id selector for styling purposes (where IDs can be a pain in the class).
If for any reason you don't want to use IDs in your markup, you can just wrap the checkbox with the label:
Check out this Pen!
Edit this Post