Можно ли обернуть блок в label?

Question

[Артур]

Можно ли оборачивать div в котором лежит чекбокс в label?
чтобы при клике на див изменялось состояние чек бокса.

Пример кода

<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>

Comments

[Артур]

нашел ответ на стаке
https://stackoverflow.com/questions/18609554/is-di...

блочные элементы размещать в теге label нельзя

Answer 1

[tyzberd]

можно, только лучше не div а span с display:block
и for="option-one" в таком случае можно не добавлять

Comments

[Артур]

спасибо! это упрощенный пример.
на деле там точно будет див в котором картинка товара и некоторая дополнительная информация, по клике на которую так же должен отрабатывать чекбокс