为textarea制作标签，然后在中心垂直对齐

Question

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

正如您所看到的，<textarea id = "FooText"></textarea>的标签旁边应该是textarea，但是，我想在textarea旁边垂直制作标签，或者在顶部textarea，而不是在底部，就像它在那个小提琴中。

我尝试将它的css设置为vertical-align: middle，但这不起作用。我该怎么做才能使标签在顶部或中间对齐？

感谢。

Answer 1

在textarea http://jsfiddle.net/VxY6m/

上使用vertical-align: middle

因为垂直对齐意味着相对于文本行 - 在这种情况下是标签。

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。