CSSでテキストの縦表示をボックスに対して中央表示にする方法

親要素のCSS
position: relative;

子要素のCSS
position: absolute;
top: 50%;
transform: translateY(-50%);

これで縦位置が中央揃えになる。