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

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 ：

  CSSのvertical-alignプロパティは、インラインまたはテーブルセル要素の垂直方向の配置を指定します。

• CSS-TricksのVertical Alignとは

Answer 2

@Bazmegakapa素晴らしい答え！この方法でもできます

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

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