back / home ]

ボックス を センタリング する

幅を持つボックスをセンタリング(中央揃え)するには、左右のマージンをautoにします。[ボックス]

text-alignは、ブロック要素内のインライン要素の揃えになります。

センタリングの指定をする

【この例では、見やすくするため枠(Border)を指定しています。】

センタリング

HTML例

<div>
<p>センタリング</p>
</div>

CSS例

div {
    width : 50%;
    margin-left : auto;
    margin-right : auto;
    border : 2px solid
}

IE6よりも前のバージョンのIEでは、text-alignでブロック要素までセンタリングされます。


back / home ]