How will I align the label of a text area to top?

Question

I do have a table data as shown below:

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

the default location for the label is at the bottom. How will I place the label aligned with the top of the text area?

Answer 1

With the following CSS:

​textarea { vertical-align: top; }​ 

• jsFiddle Demo
• vertical-align on MDN:

  The vertical-align CSS property specifies the vertical alignment of an inline or table-cell element.

• What is Vertical Align? on CSS-Tricks

Answer 2

@Bazmegakapa Great answer! We can also do it this way

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

fiddle demo: http://jsfiddle.net/kaMqg/1/