CSSで各エレメントを一発でセンターリング

CSSだけでセンターリングしようとすると、2つのタグを入れ子にしたり、HTMLソース自体に [ align=center ] を指定したりするのが一般的(?)ですが、CSSだけで一発センターリングする方法。
親タグや子タグには一切影響しない方法なので、メモ。

CSSで各エレメントを一発でセンターリング

.center
{
margin: auto;
}

あとは、<div class=”center”>みたいな感じで使用すればOK。
ページコンテナなどをセンターリングする場合は非常に便利。
ページコンテナを [ text-align: center; ] した場合、下位のエレメント全てに [ text-align: left; ] などが必要になる。