HTML CSS to put in center

To put the item in center of the page

 height: 100%;

 display: flex;          

 justify-content:center; // horizontal

 align-items: center; // verticial 

If the flex is column, 

justify-items: center;

align-content: center