html中对多个内容进行居中有以下几种方法：
1、外面用<center></center>包着,虽然这个标签未来是被淘汰的，但是记得很多时候有一些奇效。
2、外面加一个div，可以带着id，然后设置样式的时候，要增大其权重，最好能抵消掉里面每个元素自身样式的权重。所以，可以考虑用“!important”这个标签。（自行搜索用法，当然这个标签一般情况下，也不推荐使用，也存在一定的浏览器兼容问题。）
示例代码：
<div id="wrap">
<!--你的调整好的html内容放这里面-->
</div>
<style>
/*css 样式 */
#warp { text-align:center!important}
#warp p{text-align:center!important}
#warp div{text-align:center!important}
/* .....类似思路....... */
</style>
3、使用js加css操作，原理就是循环每一个元素，将div的一些影响布局的属性值进行修改，新增新的css样式。 这个是没办法的办法，不一定好使，也比较麻烦，操作慢了，页面也能看清楚div抖动等情况。
4、从工作内容改进，可以将你的html代码，放入一些常见的编辑器中进行调整。比如使用：fckeditor 、百度的ueditor。调整好代码，再拷贝源码就行了。
div居中可以用外边距margin属性来实现。
1、新建html文档，在body标签中添加div标签，标签的id为“header”，这时因为div标签中没有内容且没有设置样式，所以网页中显示空白：
2、这时为div标签设置原题中的css样式，此时虽然div盒子显示了，但是没有居中：
3、此时为div添加一个“margin: 0 auto”属性就会居中显示，“margin”指的是div标签的外边距，“0”指的是div标签上下的外边距，“auto”指的是div标签左右的外边距，并且会根据浏览器窗口大小自动居中，这时就是完整的html和css代码：
