Html 中对齐标签&；使用div的文本框

那里。。 我有一个asp.net网络表单应用程序，它有几个并排排列的标签和文本框

如果你能看看下面

我希望标签上的文字（例如投诉日期）与文本框的中间完全对齐。 像这样

更多详情： 我有一个左一格用来放标签，右一格用来放文本框。 像这样

要使标签和文本框中间对齐，我还必须执行哪些其他格式？

---

提前感谢各位

您必须为标签和文本框提供固定宽度和

边距：0自动以水平对齐它们。
试试这个：

.left label {
    width:50px;
    margin:0 auto;
}

.right input[type="text"] {
    width:50px;
    margin:0 auto;
}

试试这个：

.left label {
    width:50px;
    margin:0 auto;
}

.right input[type="text"] {
    width:50px;
    margin:0 auto;
}

.left label {
    width:50px;
    margin:0 auto;
    display: block;
    line-height: 30px;
}

.right input[type="text"] {
    width:50px;
    margin:0 auto;
    height: 30px;
}

您可以使用和伪元素来实现这一点。应用
display:block
并将其
高度设置为

（（容器分区的总高度-内容物的高度）/2）

检查这个

.left label {
    width:50px;
    margin:0 auto;
    display: block;
    line-height: 30px;
}

.right input[type="text"] {
    width:50px;
    margin:0 auto;
    height: 30px;
}