Ist <div> innerhalb des <label> -Blocks korrekt?

Ich benutze Bootstrap, es ist eine Demo von horizontaler Form:

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

aber ich möchte nicht für jeden eine ID erstellen<input>, so

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

aberdisplay:block kann nicht drinnen seindisplay:inlineIch benutze also CSS

.block {
  display: block;
}

es funktioniert, aber ist es richtig? weil ich gehört habe, dass wir nicht setzen solltendisplay:block Element indisplay:inline Element (label)

Antworten auf die Frage(1)

Ihre Antwort auf die Frage