-”text-align:center”はブロック要素に記述されている内容（インライン）に効く。
-”margin: 0 auto”はブロック要素にダイレクトに効く。しかしwidthが100%の状態だと効かない。（実際には効いているが幅が広すぎて身動きできないような状態で中央に動かない。）
考察：
ユースケース１：ブロックの幅は100%のままで良く、記述されている内容を中央に寄せたいのであればtext-align: centerで十分。
ユースケース２：ブロックの幅を小さくする必要があり、且つそのブロック要素を中央に寄せたい場合はmargin: 0 autoを使う必要があり。（さらにブロック内に記述される内容も中央寄せしたい場合はtext align: centerも併用。）
ユースケース１
p {
text-align: center
}
ユースケース２
p{
text-align: center/left/right;
max-width: 30%;
margin: 0 auto
}
↧