div 컨텐츠 가운데 정렬

DIV를 가운데 정렬하기

CSS
body {text-align:center;}
#wrap {width:800px;margin:0 auto;text-align:left;}
#header {}
#content_left {float:left;}
#content_right {float:left;}
#footer {clear:both;}

HTML
<div id="wrap">
<div id="header"></div>
<div id="content_left"></div>
<div id="content_right"></div>
<div id="footer"></div>
</div>