input文本和label對齊

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

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

但是經(jīng)常設(shè)計圖中有l(wèi)abel的行高,或者input的高度設(shè)計,默認(rèn)狀態(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;
}

網(wǎng)友評論