Masalah kecil dengan jarak antara label dan input dalam Google browsing_HTML/Xhtml_Web page production

先码后文

复制代码

代码如下:

" PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档

div {lebar:500px; ketinggian:500px; margin:0 auto; border:#000 solid 1px;}
label { display:inline-block; width:100px;border:#000 solid 1px;}
input { border:#000 solid 1px;}

账号

密码

验证码

谷歌打开效果如下


 
验证码的label和input之间的间之间的间距语将验证码代码的换行去掉，并为一行之后，三个input框就对齐了，原因还不晓得。

PS：img和齐了的原因还不晓得。记录过，只需要分别加个vertical-align:middle就行