stylesheet：ブロック要素の左右センタリング

参考：
http://ideahacker.net/2015/02/14/9779/

センタリングするブロック要素に"margin: 0 auto;"を指定する。
(center-wrapper以外のクラス指定は体裁を整えるため）

<div class="center-wrapper outerbox-decoration">
    <div class="center-H-block innerbox-decoration">
        <span>
            skyblueのブロック要素（div要素）の中で<br/>
            このブロック要素（div要素、このlightgreenのボックス）を<br>左右センタリング
        </span>
    </div>
</div>

.center-H-block{
    margin: 0 auto;
}
.center-wrapper{
    position: relative;
}
.outerbox-decoration{
    margin: 0 auto;
    width: 600px;
    height: 300px;
    background: skyblue;
}
.innerbox-decoration{
    width: 400px;
    height: 200px;
    background: lightgreen;
}

サンプル


以上