如何將文本區域的標簽對齊？

Question

我有一個表數據如下所示：

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

標簽的默認位置位於底部。 如何將標簽與文本區域的頂部對齊？

Answer 1

使用以下CSS：

​textarea { vertical-align: top; }​

• jsFiddle演示
• MDN上的vertical-align ：

  vertical-align CSS屬性指定內聯或表格單元格的垂直對齊方式。

• 什么是垂直對齊？ 關於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>