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

【问题标题】：Align label and textbox using css on horizontal center在水平中心使用 css 对齐标签和文本框
【发布时间】：2014-02-06 22:03:48
【问题描述】：

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

我正在寻找类似的东西

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

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

【问题讨论】：

看这个帖子：[stackoverflow.com/questions/1839403/…[1]：stackoverflow.com/questions/1839403/…

标签： html css

【解决方案1】：

以下应该可以完成这项工作。

label, textarea {
    vertical-align: middle;
}

【讨论】：

【解决方案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

【讨论】：