横向居中是一个小小的技巧，在这里给初学者说说，很多刚接触css的同学都有过这样的疑问：CSS怎么让它横向居中？
答案是这样：先定义元素的宽，并且定义横向的margin，如果你的布局包含在一个层(容器)中，就象这样：
这样让它横向居中：
#wrap {
width:760px; // 这是你的层的宽度 //
margin:0 auto;
}
但是IE5/Win无法显示这个定义，于是就需要上面提到的一个小小技巧了：用text-align属性。就象这样：
body {
text-align:center;
}
#wrap {
width:760px; // 这是你的层的宽度 //
margin:0 auto;
text-align:left;
}
第一个body的text-align:center; 规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ，第二个text-align:left;将#warp中的文字居左。
>>> 查看更多 css 居中 相关教程 <<<