two methods vertically center

Vertical Centered

/* Escuela Digital https://www.youtube.com/watch?v=8G26O6BTGLw */

/* Method 1 */
div.parent{
  display:table;
}
div.parent p {
  display:table-cell;
  vertical-align:middle;
} 


/* Method 2 */
div.parent{
  position: relative
}

div.parent p{
  position:absolute;
  top:50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); 
}