2016-04-17

stylesheet:インライン要素の左右センタリング

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


"text-align: center;"を指定する。
<div class="center-H-inline outerbox-decoration">
    <span>
        skyblueのブロック要素(div要素)の中で
       インライン要素(img要素)を左右センタリング
    </span>
    <img src="image_s.jpg">
</div>
.center-H-inline{
    text-align: center;
}
.outerbox-decoration{
    margin: 0 auto;
    width: 600px;
    height: 300px;
    background: skyblue;
}

サンプル

以上