上下左右で中央寄せ

display: flex; 
justify-content: center;
align-items: center;

中央寄せさせたいボックスの親要素にこの3行を適用させるだけです。