Is it possible to wrap a block in a label?

Question

css

Is it possible to wrap a div that contains a checkbox in a label?
so that when you click on the div, the state of the checkbox changes.
Code Example

<label for="option-one">
    <div class="order">
        <input type="checkbox" id="option-one">
    </div>
    <p>купить выгодно</p>
</label>

<label for="option-two">
    <div class="order">
        <input type="checkbox" id="option-two">
    </div>
    <p>купить выгодно</p>
</label>

Answer 1

you can, but it's better not to use a div, but a span with display:block
and for="option-one" in this case, you can not add