Haga una etiqueta para un área de texto ir junto a él pero alineado en el centro verticalmente

Question

favor, eche un vistazo a este violín: http://jsfiddle.net/hughbe/QYGcq/

Como se puede ver, la etiqueta para el <textarea id = "FooText"></textarea> está al lado del textarea como debería ser, sin embargo, me gustaría hacer la etiqueta verticalmente al lado del área de texto, o en la parte superior del área de texto, en lugar de en la parte inferior, como en ese violín.

He intentado configurar su css en vertical-align: middle pero eso no funcionó. ¿Qué debo hacer para alinear la etiqueta en la parte superior o en el medio?

Gracias.

Answer 1

Uso vertical-align: middle en el área de texto http://jsfiddle.net/VxY6m/

Debido align vertical, destinado a ser relativa a la línea de texto - etiqueta en este caso.

Answer 2

Prueba esto:

<style> 
    label { 
     display: block; 
     float: left; 
     padding-top: 8px 
    } 
    textarea { 
     resize: none; 
     overflow-y: hidden;   
    } 
</style> 
<label for="FooText">Content:</label> 
<textarea id="FooText"></textarea> 

Lo que hice fue hacer la etiqueta de un elemento de bloque y aplicar un relleno superior a ella. Vea también fiddle.