css how to center to the middle of the screen code example

Example 1: css center elment screen

.center-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}

Example 2: align div to center of screen

div.the-center-div {
	margin: 0 auto;
}