使用多个textarea居中多个标签

Question

我有多个标签和textareas。他们排成一行：

       __________________
      |                  |
      |                  |
Label:|__________________|

我希望它像：

       __________________
      |                  |
Label:|                  |
      |__________________|

此问题已有答案除此之外我还有多个标签和textareas。所以我尝试使用答案：

CSS：

.label_textarea {
    vertical-align: middle;
}

HTML：

<p class="label_textarea">
<label>Label for textarea</label>
<textarea rows="5">Textarea</textarea>
</p>

但这对我不起作用。它没有改变布局中的任何内容。 标签和文本区域的组合数量每次都不同，所以我不能使用标准数量。

我该怎么做才能得到我想要的结果？

Answer 1

尝试为标签提供line-height属性以及vertical-align Demo

CSS：

label {
    line-height:50px;
    vertical-align::middle;
    display:block;
    float:left;
    padding:5px 10px;
}
textarea {  
    display:block;
    float:left;
}

HTML：

<p>
    <label>label</label>
    <textarea></textarea>
</p>