问题总结：
1. checkbox和下面隐藏的div对齐，是在清除了默认样式的前提下，而不需要额外设置float: left;
2. 隐藏的div这里不需要专门设置宽高、居中，是靠内容和padding撑起来的尺寸。外层div居中，内层跟着居中。
<style>
*{margin:0;padding:0;} // 后来添加的
body{
font-size: 12px;
}
#outer{
margin: 10px auto;
width: 180px;
}
/* #login input, #display{
float: left;
} */
#display{
background-color: yellow;
border: 1px solid orangered;
margin-top:5px;
padding: 5px;
display: none; /* width: 180px;
height: 30px;
margin: 5px auto; */
}
</style>