#box1{
width:100px;
height:100px;
padding:10px;
border:1px solid red;
}
</style>
</head>
<body>
<div id="box1">盒子1</div>
这段盒子不是应该在边框中间位置吗，因为上下左右填充是一样的。
padding是以内容为中心设置填充的宽高，width和height是块状元素的宽和高，它并不是以内容为中心的，内容再块状元素的左上角
padding 是填充盒子内内容区到盒子边框的距离，而文字只是在内容区内，光填充是不能使文字在盒子内居中的。
还有文字是不能设置width、height的，内容区是可以自行设置的。
text-align:center;
height:100px;
line-height:100px;
(这样肯定能使文字在盒子内上下左右居中，height 和 line-height 要设置成一样的）