html - テキスト領域のラベルを上に揃えるにはどうすればよいですか？

Question

以下に示すようなテーブルデータがあります。

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

ラベルのデフォルトの場所は下部です。ラベルをテキスト領域の上部に揃えるにはどうすればよいですか？

score 64 · Accepted Answer

次のCSSを使用します。

textarea { vertical-align: top; }

jsFiddleデモ
vertical-alignMDNで：

vertical-align CSSプロパティは、インライン要素またはテーブルセル要素の垂直方向の配置を指定します。
垂直整列とは何ですか？CSSで-トリック

score 2 · Accepted Answer

@Bazmegakapa素晴らしい答えです！このようにすることもできます

label{display:block; float:left;}

フィドルデモ： http： //jsfiddle.net/kaMqg/1/

score 0 · Accepted Answer

brタグを使用します。

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

3 に答える 3