ブロックのセンタリング

「ブロックの中で左揃えしつつもブロックそのものはセンタリングする方法」について．実験の結果，今のところネスケとＩＥで同時に実現できる方法は見つかっていない．

今回分かったことは，

• ネスケではfloatという属性はleft，rightの他にcenterも許されるが，ＩＥでは対応してない．
• bodyタグにtext-align: center属性は，ＩＥでは有効だが，ネスケでは有効でない．
• pタグにfloat属性は，ネスケでは有効だが，ＩＥでは有効でない．ＩＥではdivで定義する必要がある．
• ネスケではdivタグ中のtext-align属性はbodyタグ中のtext-align属性よりも優先順位が高い．

従って，

• ネスケでは，bodyタグにfloat: center属性を，
• ＩＥでは，bodyタグにtext-align: center属性を，

指定し，divタグ中に本文を書けば，ブロックの中で左揃えしつつもブロックそのものはセンタリングすることはできる．しかし，これはブラウザに合わせた方法であり，概念としては美しくない．

サンプルを下に示す．

注：共用は最初のpタグで，float属性が無効になってしまうので，全体をpタグでくくっている．これでは正しい使い方をしていることにはならない．

[for Mozzila] [for IE] [共用]