text-align:center がズレてしまう理由

text-align:center がズレるのはなぜ？

• そもそも使い方・書き方が間違えてる
• 他の要素に割り込まれている

のどっちかしかない。

そもそも使い方・書き方が間違えてる

スペルミス、div要素に対して指定するなどの初歩的なミス。

他の要素に割り込まれている

デフォルトCSSが機能している

ブラウザは各要素に対してあらかじめCSSが指定してるので、他の要素が邪魔をしているのかも。リセットCSSでググって初期化すべし。

予想外のタグが機能している

例えば、ヘッダーのロゴや、メニューなんかがそう。

ヘッダーロゴを小さくすると中央揃えになる。