CSSで上下左右ド真ん中に配置

position + transform

親要素の高さに子要素の高さは計算されないので親要素の高さが必要

flexbox

親要素の高さに子要素の高さは加味される