如何使用占位符将标签居中？

Question

我制作了一个简单的表单应用程序。我几乎可以实现90％的应用程序。但是我有一个问题。在我的应用程序中，我有标签，并且在它的前面有文本字段。我需要标签文本应居中或相同作为占位符的基数，

我尝试给top：5px margin-top：5px，但是没有用。换句话说，Requirement标签应该与textfield的占位符处于同一级别。

这是我的代码http://codepen.io/anon/pen/NGPvge

.wrapper{
    padding-top:3em;
}
.label_title div {
    text-align: center;

    margin-top: 1em;
    position: relative;

}

Answer 1

进行以下更改

.label_title div {
    text-align: center;
    margin-top: 1em; <<<---Remove this
    line-height: 50px; <<<---Add this
    position: relative;
}

标签将与占位符对齐。

小提琴

Answer 2

添加line-height: 50px; 到DIV

.label_title div {
    line-height:50px; // <- Pull the text down 50px
    text-align: center;
    margin-top: 1em;
    position: relative;
}