html - 如何在一个 div 中按垂直标签和文本区域对齐？

Question

有以下 HTML 代码：

<div class="row">
<label class="resume-form-label" for="ResumeForm_languages">Languages</label><textarea class="resume-form-input" name="ResumeForm[languages]" id="ResumeForm_languages"></textarea></div>

以及以下样式：

.row
{
    margin: 5px 0;
}

.resume-form-label {
    display: inline-block;
    width:100px;
    background: yellow;
}

.resume-form-input {
    width:300px;
}

.row {
    vertical-align:middle;
}

我需要让标签和 div 垂直对齐。我该怎么做？现在它不起作用。

Answer 1

像这样：http: //jsfiddle.net/matias/BGwBp/

CSS：

.row
{
    margin: 5px 0;
}

.resume-form-label {
    display: inline-block;
    width:100px;
    background: yellow;
    vertical-align: middle;
}

.resume-form-input {
    width:300px;
    vertical-align:middle;
}