how to center an html element in the middle of page CSS code example

Example: center a div in css

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}