Google 브라우징_HTML/Xhtml_웹페이지 제작 시 라벨과 입력 사이의 간격에 대한 작은 문제

先码后文

复代码

代码如下:

<머리>


<스타일>
div {너비:500px; 높이:500px; 여백:0 자동; border:#000 solid 1px;}
label { 디스플레이:인라인 블록; width:100px;border:#000 solid 1px;}
입력 { border:#000 solid 1px;}


<본문>

账号

密码

验证码

谷歌打开效果如下

 

验证码적 라벨과 입력 방식 현대적인换行去掉，并为一行齐以，三个input框就对齐了，原因还不晓得。

PS：img and input没有对齐以前的随笔记录过，只需要分别加个세로 정렬:가운데就行