当margin 属性的值设置为 auto时，以使元素在其容器中水平居中。
实例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
border:1px solid red;
margin:auto;
width:400px;
}
</style>
</head>
<body>
<h1>设置外边距水平居中</h1>
<p>
你可以将margin属性设置为auto以自动将元素在其容器中水平居中，然后，该元素将
占据指定的宽度，剩余空间将在左右外边距之间平均分配。
</p>
<div>
由于margin：auto；，这个div将水平居中。
</div>
</body>
</html>
运行效果：
评论