子divを親divの真ん中に配置するためのCSSです。
HTML
<div class="wrap"> <div class="inner">コンテンツ</div> </div>
CSS
.wrap { width: 100%; } .inner { width: 50%; margin: 0 auto; }
またIE8以上でしたら以下のようにすることでも真ん中に配置できます。
.wrap { width: 100%; } .inner { display: table; margin: 0 auto; }