CSS ブロック要素の中の写真を横のセンターにする方法

ブロック要素の中の写真を横のセンターにする方法

↑　この状態から

↑この状態にする

親のブロック要素にtext-align:center; を追加する

僕がよくやる間違い

上の写真の様に

img に対して text-align:center; 　を追加する間違いをしていました。

親の<section>に対して

text-align:center;　が正しい方法です。

基本的な事かもしれませんが、
メモがわりに記事にしておきます。