中央揃えにする方法が多くてどれを使えばいいかわかりません

ひとつずつ解説していきます。

2022年6月30日

ユーザー

align-items: center や、 text-align: center 、margin: 0 auto など、要素を中央揃えにするためのプロパティが多く存在するようですが、その用途がごちゃごちゃになって困っています。
align-items: center → flex ボックス内のアイテムに使う
text-align: center → テキストや画像に使う
margin: 0 auto → ボックスに使う
という認識で間違いないでしょうか？