通过css中的margin属性可以设置div居中，div里面的内容可以通过独立的样式来设置其对齐方式。下面举例讲解实现的过程。
方法/步骤
1
新建一个html文件，命名为test.html,用于讲解CSS怎样设置div布局居中，但是里面的内容不居中。
2
在test.html内，创建一个div，并设置其class属性为con，方便下面使用类名进行样式定义。
3
在test.html内，使用标签标记css样式，用于编写css代码。
4
使用css对div进行样式定义，通过margin:0 auto实现div居中显示，同时设置div的宽度为400px,高度为200px，背景颜色为灰色。
5
在div内，使用h2创建一个标题文字，写上测试的内容，代码如下：
6
在css内，对h2标签进行样式定义，使用text-align设置h2文字左对齐，上内边距为20px。
7
在浏览器打开test.html页面，可见，div居中，但是里面的内容不居中。