h1 セレクタに直接 text-align: center; とすると中央になりますが、img セレクタに直接 text-align: center; しても中央にならないのがインライン要素のせいならば、display:block; とすれば中央になるのではないかと思いましたが、機能しませんでした。

解説で、

テキストや画像などのインラインボックスだったら、それを囲うブロックボックスの方に text-align: center; を付ける

とあったので h1 はテキストかつブロック要素なので、直接 text-align: center; としてもそれを囲うheader に text-align: center; しても同じ挙動になり、img は display: block; してしまうと画像などのインラインボックスの条件に当てはまらなくなってしまう認識であってますか？