左右前後の中央寄せをするイマドキのCSS

コード

これだけ

  .box {
    display: flex;
    align-items: center;
    justify-content: center;
  }

サンプル

jsfiddle.net

ブラウザ対応状況

https://caniuse.com/#search=flexcaniuse.com

IE11でも使えるっぽいしもう解禁でいいでしょ＞flex