Является ли блок <div> внутри <label> правильным?
Я использую Bootstrap, это демонстрация горизонтальной формы:
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Email</label>
<div class="col-lg-10">
<input type="email" class="form-control" id="inputEmail1">
</div>
</div>
</form>
но я не хочу создавать ID для каждого<input>
, так
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="block">
<span class="col-lg-2 control-label">Email</span>
<div class="col-lg-10">
<input type="email" class="form-control">
</div>
</label>
</div>
</form>
ноdisplay:block
не может быть внутриdisplay:inline
поэтому я использую CSS
.block {
display: block;
}
это работает, но правильно ли это? потому что я слышал, что мы не должны ставитьdisplay:block
элемент вdisplay:inline
элемент (label
)