Fare un'etichetta per una textarea passare accanto ad essa, ma allineato al centro verticalmente

Question

prega di dare un'occhiata a questo violino: http://jsfiddle.net/hughbe/QYGcq/

Come si può vedere, l'etichetta per l'<textarea id = "FooText"></textarea> si trova accanto al textarea come dovrebbe tuttavia, vorrei creare l'etichetta verticalmente accanto alla textarea, o nella parte superiore della textarea, anziché in basso, come se fosse in quel violino.

Ho provato a impostare è css a vertical-align: middle ma quello non ha funzionato. Cosa devo fare per rendere l'etichetta allineata in alto o in mezzo?

Grazie.

Answer 1

Uso vertical-align: middle sulla textarea http://jsfiddle.net/VxY6m/

Poiché allineamento verticale destinata ad essere rispetto alla linea di testo - etichetta in questo caso.

Answer 2

Prova questo:

<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> 

Quello che ho fatto è stato rendere l'etichetta un elemento di blocco e applicare un padding superiore ad essa. Vedere anche lo fiddle.