多个div水平排列并且居中

最直接想到的就是流式布局，这种不用在这里写了。

下面这种方法有两个关键点（IE7无效，再低更别想了）

text-align: center;

display: inline-block;

具体的代码在下面：

<style type="text/css">
	#div1{text-align: center;width: 800px;height: 40px;}
	.div2{display: inline-block;padding-left: 5px;padding-right: 5px;border: 1px solid;margin-left: 5px;margin-right: 5px;}
</style>
<div id="div1">
	<div class="div2">div2</div>
	<div class="div2">div2</div>
	<div class="div2">div2</div>
	<div class="div2">div2</div>
	<div class="div2">div2</div>
</div>