做出一個textarea標籤旁邊去，但在中心垂直對齊

Question

請看看這個小提琴：http://jsfiddle.net/hughbe/QYGcq/

正如你所看到的，對於<textarea id = "FooText"></textarea>標籤旁邊的textarea，因爲它應該不過，我想將標籤垂直放在textarea旁邊，或者放在textarea的頂部，而不是放在底部，就像它在那個小提琴中一樣。

我已經嘗試將它的css設置爲vertical-align: middle但這沒有奏效。我必須做什麼才能使標籤對齊在頂部或中間？

謝謝。

Answer 1

上textarea的使用vertical-align: middlehttp://jsfiddle.net/VxY6m/

由於垂直對齊意味着相對於文本行 - 標籤在這種情況下。

Answer 2

試試這個：

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

我所做的就是使標籤塊元素和應用的頂部填充它。 也請參閱fiddle。