text-align:centerがブロック要素にも適用されてしまう

Question

前提・実現したいこと

text-alignについての質問です。
text-alignはブロック要素に対して指定でき、その中のインライン要素に対して適用される、ここまでは理解できました。
しかし、実際に私が試してみるとブロック要素の中のブロック要素に対しても適用することができました。
具体的にいうと、divタグの中のh1タグに対して適用できたのです。（divが親、h1が子）
text-alignとはブロック要素に対して指定さえすれば、適用されるタグはなんでもよろしいのでしょうか？

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[kei344]

書かれている状況が再現するコード（HTML/CSS）を質問文に追記されたほうが回答を得やすいと思います。

[dan0401]

ご指摘ありがとうございます
今回は、解決したので次回以降は気をつけます

Answer 1

子要素は親要素のtext-alignを継承します。
そのため、divの中にh1をおいた場合、親要素であるdivのtext-align:centerを子要素のh1は継承し、
text-align:centerはh1の中のインラインの内容である文字列に効いて、中央揃えになります。

Comments

[dan0401]

非常に分かりやすくて、理解できました。
疑問が解消してとてもスッキリしてます！
ありがとうございました。