How to make a content to display at center of a box from both vertical and horizontal

Question

Like a letter at the center of mass of a square box

Answer 1

display: flex;
flex-direction: column;
justify-content: center;
align-content: center;

make sure this styling goes for the div that is holding the text you want to center.