如何将标签与占位符对齐？

我做了一个简单的应用程序的形式。我能够使近90％。但我有一个问题。在我的应用程序，我有标签，在前面我有文本字段。我需要标签文本应该是中心或在同一基地占位符，如何将标签与占位符对齐？

。我试着给顶：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; 

}

来源

2015-09-04 user944513

添加line-height: 50px;到DIV

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

来源

2015-09-04 04:01:32 Luis

请在

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

标签，这些变化将与占位来对齐。

Fiddle

来源

2015-09-04 03:57:47 Shehary

如何将标签与占位符对齐？

回答

相关问题