Comment aligner l'étiquette d'une zone de texte en haut?

Question

J'ai une table de données comme indiqué ci-dessous:

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

l'emplacement par défaut de l'étiquette est en bas. Comment vais-je placer l'étiquette alignée avec le haut de la zone de texte?

Answer 1

Avec le CSS suivant:

​textarea { vertical-align: top; }​

• démo jsFiddle
• vertical-align sur MDN :

  La propriété CSS d'alignement vertical spécifie l'alignement vertical d'un élément en ligne ou de cellule de tableau.

• Qu'est-ce que l'alignement vertical? Sur CSS-Tricks

Answer 2

@Bazmegakapa Excellente réponse! On peut aussi le faire de cette façon

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

démo de violon: http://jsfiddle.net/kaMqg/1/