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

投稿日:

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

横のセンター寄せ01

 

 

 

 

↑ この状態から

横のセンター寄せ02

 

 

 

 

↑この状態にする

 

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

divの中にimgが入ったHTML

 

 

 

 

divの中にcenter-align:center

 

 

 

 

 

 

 

 

 

僕がよくやる間違い

上の写真の様に

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

 

親の<section>に対して

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

 

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

 

Copyright© Chicoblog , 2020 All Rights Reserved.