< div > inside < label > block 是否正确？

我正在使用 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>

但是我不想为每个 <input>创建 ID，所以

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