横並びということでとりあえずfloatを使って…親要素にtext-align: center…あれっ効かない…
margin: 0 auto …あれっだめだ…（横幅指定してないしね）
flex使わずにできないのかな…
こんなお悩みを抱えてこのページにたどり着きましたね。
子要素にfloat の代わりに inline-block を使うのです。
そして親要素に text-align: center; を使うのです。
中央によりましたね。おめでとうございます。
子要素にインライン要素の性質を持たせることで中央寄せが効くようになりました！
