But the problem is that it leaves a dead zone between the checkbox and its label where you can click on the label and you can click on the box but there's a little gap between the two where clicks don't do anything and it's kind of annoying.

Obviously this gets worse if there's any whitespace between the input and label tags.

To fix the problem I tried this: