对checkbox设置margin-right为什么距离是勾选框和文字之间的距离？？而设置margin-left勾选框和文字又一起改变了距离？？参照物是<p>吗？

源自：4-1 编程挑战

<style>

*{margin:0;padding:0;}

.inner{width:190px;background-color:#d5f4f5;padding:10px 20px;}

.tp{width:190px;height:30px;text-indent:20px;}

input[type="password"]{margin-top:10px;}

p{font-size:12px;margin-top:10px;overflow:hidden;}

p input{vertical-align:top;margin-right:4px;}

p a{text-decoration:none;float:right;}

input[type="button"]{width:190px;height:37px;border:0;margin-top:15px;cursor:pointer;}

#login{background:url(http://img.mukewang.com/539a972b00013e9102280177.jpg);}

#enroll{background:url(http://img.mukewang.com/539a972b00013e9102280177.jpg) 0 -37px;}

hr{margin-top:20px;color:#f5f5ef;}

</style>

</head>

<body>

<form>

<p>

<input type="checkbox" />下次自动登录<a href="javascript:;">忘记密码?</a>

</p>

<hr />

</form>

</div>

</body>

</html>

提问者：慕运维0124838 2015-09-17 19:42