Answers for "how to align a div to center in css"

center a div in css

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

how to center a div

/* Method 1: */
.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Method 2: */
.container {
	display: grid;
	place-items: center
}

/* Method 3: */
.center-div {
	margin: auto;
}

/* Method 4: */
.center-div {
  position: absolute;
  left: 50%;
  top: 50%;
}