Alignement horizontal label & textarea

Version imprimable

Bonsoir,
J'apprends depuis peu le CSS et comme le titre l'indique, je cherche à aligner horizontalement un textarea avec son label. J'ai cherché partout mais impossible de trouver la solution.

Ce que j'aimerai obtenir :

http://puu.sh/2XB8B.jpg

Ce que j'ai pour le moment :

http://puu.sh/2XBd5.png

Mon code html :
Code:

1 2 3 4 5 6 7 8 9 10 <!DOCTYPE html> <fieldset> <legend> Message </legend> <label for="Subject"> Subject : </label> <input type="text" name="Subject" id="subject" value="Message subject"><br> <label for="Txt" class="mess"> Message : </label><br> <textarea name="Txt" id="txt"></textarea> </fieldset>
Aucune idée pour le problème du textarea après ce que j'ai pu chercher. :(

Merci pour votre aide !

20/05/2013, 23h11
rodolphebrd

Bonjour,

Peut-on voir votre code css?

Le voilà :
Code:

1 2 3 4 5 6 7 label { display: inline-block; width : 83px; text-align : right; margin-left : 30px; margin-right : 10px; }
Code:

1 2 3 4 5 6 7 8 9 fieldset { border : 1px solid black; width : 400px; border-radius : 4px; background-color : #DDDDDD; padding-top : 6px; padding-bottom : 10px; margin-bottom : 10px; }
J'ai discuté avec un ami à ce sujet et ce qui est étrange, c'est que chez lui, l'alignement est déjà présent sans qu'il n'ait rien à faire coté CSS avec le même code HTML que moi...

20/05/2013, 23h31
rodolphebrd

Enlevez la deuxième balise BR...celle qui précède le textarea
20/05/2013, 23h33
rodolphebrd
Ajoutez:
Code:

1 2 3 textarea{ vertical-align:middle; }
20/05/2013, 23h33
Leely_

Je viens de le remarquer aussi... Je me sens bête. Merci ! :)