【SCSS/CSS🔰】margin: 0 auto;が効かない！

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。

現象

中央揃えにする方法として、margin: 0 auto;があるがこれが効かない。

対象方法

インライン要素かどうか確認をする。

margin: 0 auto;はブロック要素でないと効かない。

理由はインライン要素は文字のサイズベースで領域を確保するため、マージンが取れない。