如何将文本区域的标签对齐？

Question

我有一个表格数据如下所示：

<td>
    <label for="title">Title : </label>
    <textarea rows="5" id="title" name="title"></textarea>
</td>

标签的默认位置位于底部。如何将标签与文本区域的顶部对齐？

Answer 1

使用以下CSS：

​textarea { vertical-align: top; }​

• jsFiddle Demo
• vertical-align on MDN：

    

  vertical-align CSS属性指定内联或表格单元格的垂直对齐方式。

  
• What is Vertical Align? on CSS-Tricks
  

Answer 2

@Bazmegakapa很棒的答案！我们也可以这样做

label{display:block; float:left;}​

小提示演示：http://jsfiddle.net/kaMqg/1/

Answer 3

使用br标签。

<td>
    <label for="title">Title : </label>
    <br>
    <textarea rows="5" id="title" name="title"></textarea>
</td>