如何在一个div中按垂直标签和textarea对齐？

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;
}