CSSで各エレメントを一発でセンターリング
2007年1月12日Table of Contents
CSSだけでセンターリングしようとすると、２つのタグを入れ子にしたり、HTMLソース自体に [ align=center ] を指定したりするのが一般的(？)ですが、CSSだけで一発センターリングする方法。
親タグや子タグには一切影響しない方法なので、メモ。
CSSで各エレメントを一発でセンターリング
.center
{
margin: auto;
}
あとは、<div class=”center”>みたいな感じで使用すればOK。
ページコンテナなどをセンターリングする場合は非常に便利。
ページコンテナを [ text-align: center; ] した場合、下位のエレメント全てに [ text-align: left; ] などが必要になる。