text not aligning to center vertically code example

Example 1: text align center not aligning vertically

because you are using lower case letter

Example 2: 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%;
}