Целесообразно ли использование br?

Question

[Nick Murzin]

При вёрстке такой структуры, какой из вариантов будет более корректен и красив?
1. Использовать br для переноса - где-то читал/слышал, что его использовать вообще не рекомендуется и можно спокойно обходиться без него.
2. Обвернуть каждый ряд input + label в блочный элемент и проблема как бы отпадёт сама собой..но будет плодиться куча различных обёрток, совсем не ок.
3. Использовать фиксированные ширины - крайний вариант, с фиксированными ширинами возможны проблемы с адаптивностью и тп, имхо.

пс: сорри за возможно холиварный/тупой вопрос, но охота научиться всё делать по фен-шую и не париться :)

Answer 1

[Сергей Протько]

<label class="checkbox checkbox--block">
    <input type="checkbox" />
    Some label
</label>

Answer 2

[Денис Инешин]

1. Никакого BR. Единственная область применения этого тега - редакторы контента сайтов в CMS-ках и формы для ввода комментариев в блогах.

2. Если хотите блочную структуру - оборачиваем в div-ы или в ul li, хотите в строчку в span. В общем какая-то обертка обязательна, а дальше уже настраиваем через CSS.

Answer 3

[trevoga_su]

но будет плодиться куча различных обёрток, совсем не ок.

откуда там куча оберток? Заголовок, список и каждый инпут обернут в лейбл. Или dl-dt-dd и также инпут в лейбл.