CSSのtext-align:centerはブロックレベル要素にも効きますよね？

css初心者です。
教材によると、text-align:centerは、
「中央寄せしたい要素がインライン要素であること。」が効く条件のようですが、
実際、中央寄せしたい要素が「h1」や「p」タグ等のブロックレベル要素でも効きますよね？

となると、「中央寄せしたい要素がインライン要素であること。」…これは誤りですか？

No.1 ベストアンサー 回答者： naokita 回答日時： 2019/07/26 06:21

確かに大昔に、ブロック要素でもtext-align:centerでOKだったブラウザがあったｗ

h1やpなどのブロック要素には、適用されませんよ・・・

センターになるのは、その中のテキストの事ですよ！
継承されるし、ブロック要素の中にインライン要素があるので、適用されていると思うのかもね・・・

ブロック要素に背景色や線を付けて、見ながら確認すれば理解できますよ。

この回答へのお礼

回答ありがとうございます。

お礼日時：2019/07/26 19:26

No.2 回答者： yambejp 回答日時： 2019/07/26 11:15

ブロック要素の中身はtext-alignで位置を調整できますが

ブロック要素自体（ブロック要素をブロック要素で囲んだときの内側のブロック要素）は
text-alignの影響を受けることはありません

この回答へのお礼

回答ありがとうございます。

お礼日時：2019/07/26 19:24