Answers for "how to vertically center text in a div"

css align items vertical center

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

align vertical center text div

display: flex;
align-items: center

align text vertically in div

/* CSS */
div.outer { 
  display: table; 
}

div.inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* HTML */
<div class="outer">
  <div class="inner">
    lorem ipsum... 
  </div>
</div>

/* 
------------------------------------
'vertical-align' values: 
	top | middle | bottom 
	text-top | text-bottom 
    super | baseline | sub 
    % | px 
*/

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! */
}