Html 这个<；标签>；水平形式的长文本不'；t中心垂直相对输入字段

我是Twitter引导程序的新用户

我有一个表单，这个表单有一个标签，里面有很长的文本（所有文本不能只放在一行，因此我的标签占据了多行）。以下是标记：

<form class="form-horizontal" role="form">
<div class="form-group">
        <label for="doc_acq" class="col-sm-3 control-label text-muted">Very very very very very very very very very long label name here</label>
        <div class="col-sm-9">
            <input field="mandatory_field" type="text" class="form-control" name="doc_acq" id="doc_acq"></input>
        </div>
     </div>
</div>
</form>

这里有很长的标签名

以下是它在我的浏览器中的外观：

---

正如您所看到的，标签并没有居中于输入字段的对面。如何将其居中？

我对您的html进行了一些编辑，并添加了一个css类

---

通过这种方式，输入字段始终以标签垂直居中

如果代码可以像代码一样轻松发布，则不应将代码作为图像发布。这将使回答者只需复制代码并进行尝试。为了让其他人更容易回答，您应该提供一个。如果标签有那么长，使用（占位符）在输入框中显示文本可能是个好主意——是的，我知道占位符，但我的表单不接受它）谢谢，我以前尝试过类似的css，但我的标签没有div包装：-）

<div class="row">
    <div class="col-xs-3 col-md-2 col-lg-1 vcenter">
        <label for="doc_acq" class="control-label text-muted">Very very very very very very very very very long label name here</label>
    </div>
    <div class="col-xs-8 col-md-9 col-lg-10 vcenter">
       <input field="mandatory_field" type="text" class="form-control" name="doc_acq" id="doc_acq"/>

    </div>   

</div>

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}