CSSで左右、中央で揃えたい

htmlとCSSで縦の中央ぞろえ、横でも中央ぞろえして中央に配置したい。
flexボックスを利用すると案外簡単にできるものだったのでメモ。

CSS

display: flex;
justify-content: center;
align-items: center;

これだけでいけました。