中央寄せにするCSS

この記事を読むのに必要な時間は約 1 分です。

横幅や高さが決まっていないときに中央寄せにしたいとき、ありますよね。
そういうときに便利なのが以下の記述方法です。

.hoge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}