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

有以下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。我该怎么做？现在，它不起作用。

最佳答案

像这样：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;
}

关于html - 如何在一格中按垂直标签和文本区域对齐？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16387181/