中央寄せにするCSS

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

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