如何用占位符居中标签？

Question

我制作了一个简单的表格应用程序。我能够达到近90％。但我有一个问题。在我的应用程序中，我有标签，前面有文字字段。我需要标签文字应该是中心或与占位符相同的基础

。我尝试提供 top：5px margin-top：5px ，但没有任何效果。换句话说。 要求标签应与文本字段的占位符处于同一级别。

这是我的代码 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;
}

标签将与占位符对齐。

Fiddle

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;
}