【SCSS/CSS🔰】ブロック要素だと全体が、インライン要素だと左に寄る…子要素だけで左右中央配置する方法

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

子要素だけで左右中央配置にするには

  width: fit-content;
  margin: 0 auto;

を使う。

ブロック要素だけど、インラインのような感じで使える。
ブロック要素なので、margin: 0 auto;が使え、左右中央配置となる。

divで囲い、親要素を基準に左右中央配置するなら、text-align:center;