要素を中央に配置をスムーズにできるまで、苦労しました。
最初にtext-align: center ;で全て中央にできると思ってました。
これはテキストの時には有効でも要素に対しては中央にはできません。
次にmargin-leftとmargin-rightをautoにする。要素が中央になります。
ただ、複数要素が合って、横並びで、display: flex;にしている場合はmarginが効かない時があります。その場合は次の手段、 justify-content: center;を使うと中央に寄りました。全てが当てはまるかどうかはわかりませんが、一旦、この方法で問題なさそうです
