[CSS] Flexboxによる要素の上下左右中央揃え

中央揃えしたい要素の親に以下を適用します。

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