使用水平中心的css对齐标签和文本框

Question

如何在div的中间对齐标签文字？

我正在寻求的是

       -----------
Name: |  textbox  |
       -----------

演示代码： http://jsfiddle.net/53ALd/2053/

Answer 1

以下应该做的工作。

label, textarea {
    vertical-align: middle;
}

Answer 2

希望它会帮助你

更改标记

<table>
  <tr>
    <td><label for='name'>Name:</label></td>
    <td><textarea type='text' id='name'></textarea></td>
 </tr>
</table>

CSS

 td{
border-right:1px solid #F1F1F1;
border-top:1px solid #F1F1F1;
border-bottom:1px solid #F1F1F1;
border-left:0px solid #F1F1F1;
padding:2px;
margin:0;
    vertical-align: middle;

  }

<强> Demo