谷歌浏览的label与input间距问题应该如何解决

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

<head>

<title>无标题文档</title>

<style>

div {width:500px;

height

:500px;

margin

:0 auto; border:#000 solid 1px;}

label {

display

:inline-block; width:100px;border:#000 solid 1px;}

input { border:#000 solid 1px;}

</style>

</head>

<body>

<div>

<p>

<label>

验证码

</label>

</p>

</div>

</body>

</html>

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

PS：img和input没有对齐以前的随笔记录过，只需要分别加个vertical-align:middle就行

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h57928.shtml