input文本和label對齊

默認狀態(tài)下,也就是下面這樣, 文字和input是居中的。

<div>
    <label>我是中國人</label>
    <input type="text"></div>

但是經(jīng)常設(shè)計圖中有l(wèi)abel的行高,或者input的高度設(shè)計,默認狀態(tài)下,依然是居中的。但是很多時候label和input要浮動,一旦浮動,后面的input標(biāo)簽就緊緊的貼住了label標(biāo)簽,也就造成了視覺上看到并沒有居中。

比如下面:

<div>
    <label>我是中國人</label>
    <input type="text"></div>label {
    font-size: 12px;    float: left;
}input {    height: 20px;
}

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式