コード これだけ .box { display: flex; align-items: center; justify-content: center; } サンプル jsfiddle.net ブラウザ対応状況 https://caniuse.com/#search=flexcaniuse.com IE11でも使えるっぽいしもう解禁でいいでしょ＞flex