下記を中央絵揃えにしたい場合、
【 img 】
インラインブロックボックスなので、それを囲っているブロックボックス（header）に text-align: center; を付ける（①）

【 h1 , p 】
ブロックボックスなので、width を指定してmargin: 0 auto; を付ける

と理解していましたが、今回だと①を実行した時に、h1 , p にも継承される理由がイマイチわかりません。
どのようなロジックなのか教えていただけますでしょうか。