在单独的 div 中对齐文本区域中间的标签

Question

我有以下代码，我想让我的标签在 textarea 附近的中间对齐：

<div class="form-group">
    @Html.Label("Message", new { @class = "col-md-2 control-label" })
    <div class="col-md-6">
        @Html.TextArea("Message", new { @class = "form-control", rows = 10, style="vertical-align:middle;"})
    </div>
</div>

它仍然出现在 textarea 的顶部...

P.S 在单个 div 中它工作正常，但我必须删除 form-control 和 col 类...这是使标签在 textarea 附近的中间对齐的代码：

<div class="form-group">
    <div class="col-md-6">
        @Html.Label("Message", new { @class = "control-label" })
        @Html.TextArea("Message", new { rows = 10, style="vertical-align:middle;"})
    </div>
</div>

任何想法如何在不更改第一个代码的 div 和类的情况下进行对齐？

Answer 1

不确定是否可以不使用边距进行干预。以下内容应为您提供所需的内容：

<div class="form-group">
    @Html.Label("Message", new { @class = "col-md-2 control-label", @style="margin-top: 80px" })
    <div class="col-md-6">
        @Html.TextArea("Message", new { @class = "form-control", rows = 10, style="vertical-align:middle;"})
    </div>
</div>