label with nested div?

[SimonLab]

I'm trying to make an input checkbox checked when clicking on a div, something similar to:

<div>
  <p>Paragraph inside the div</p>
  <input type="checkbox" id="my-checkbox">
</div>

My first idea was to wrap the div inside a label where the for attribute reference the id of the checkbox:

<label for="my-checkbox">
  <div>
    <p>Paragraph inside the div</p>
    <input type="checkbox" id="my-checkbox">
  </div>
</label>

However this is not html valid as label can't have nested element (other than the element targeted by the for attribute, ie the checkbox): https://stackoverflow.com/questions/20834755/standards-on-behaviour-of-nested-labels

One solution is to use javascript to check the checkbox with a click event handler on the div.

However I'm looking for a solution without javascript.