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