我们经常看到这样的网页，即内容水平居中在屏幕中间，左右留白。我们来给这样的布局起个名字——水平居中布局
其实要实现这样的布局十分简单，即给中间部分一个宽度，设置margin左右值为auto,如，中间部分class="main"
.main{ width:1200px; margin:0 auto; }
这样，中间部分就以1200px的宽度水平居中了，当屏幕宽度小于1200时，会自动覆盖
补充一下关于 margin——页面外边距 和 padding——页面内边距 的知识，请看另一篇随笔。
http://www.cnblogs.com/tanghm/p/9022923.html
原文：https://www.cnblogs.com/tanghm/p/9022901.html