为文本区域创建一个标签，靠近它，但在中心垂直对齐

Question

请看看这个小提琴:http://jsfiddle.net/hughbe/QYGcq/

正如你所看到的，<textarea id = "FooText"></textarea>的标签应该在textarea旁边，但是，我想让标签垂直靠近文本区域，或者在文本区域的顶部，而不是在底部，就像在那个地方一样。

我试过设置它的css为vertical-align: middle，但没有工作。我必须做些什么才能使标签在顶部或中间对齐?

谢谢。

Answer 1

在textarea上使用vertical-align: middle http://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>

我所做的是使标签成为一个块元素，并应用顶部填充。