Answers for "how to center text vertically"

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

vertical align css

.container{
  display: table;
}

.div-inside-container{
  display: table-cell;
  vertical-align: middle;
}

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%;
}

How do I vertically center text with CSS?

div {
  height: 100px;
  line-height: 100px;
  text-align: center;
  border: 2px dashed #f69c55;
}

<div>
  Hello World!
</div>