Answers for "how to center text horizontally and vertically in css"

center with css

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

align vertical center text div

display: flex;
align-items: center

how to make the text vertically centered in css

/*attention, i used this code because i had to center a div with text in another div without text*/
div{
  position: relative;
  top: 25%;
  bottom: 25%;
}

vertical align center text inside div

.center {
  height: 309px;
  line-height: 309px; /* same as height! */
}