如何通過垂直標籤和textarea在一個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; 
}