Answers for "how to center content in div tag"

center div content

**HTML**
<div class="container">
  <div class="child"></div>
</div>

**CSS**
.container {
  position: relative;
}

.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Align p, div, container in center in html

//align p
p {
  text-align: center;
}


//align container
/* Method 1: */
.container {
  display: flex;
  justify-content: center; // (or use)	margin: 0 auto;
  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%;
}