O <div> dentro do bloco <label> está correto?
Estou usando o Bootstrap, é uma demonstração de forma horizontal:
<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>
mas eu não quero criar ID para cada<input>
, assim
<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>
masdisplay:block
não pode estar dentrodisplay:inline
, então eu uso CSS
.block {
display: block;
}
está funcionando, mas está correto? porque ouvi dizer que não devemos colocardisplay:block
elemento emdisplay:inline
elemento (label
)