Вертикальное центрирование текста внутри DIV

A.) Если текст состоит только из одной строки:

HTML:

<div>vertically centered text</div>

CSS:

div {
  height: 20px;
  line-height: 20px; <-- это значение вы должны задать по высотке div
  vertical-align: middle;
}

B.) Если текст состоит только из нескольких строк:

HTML:

<div><span>vertically centered<br />text</span></div>

CSS:

div {
    height: 200px;
    width: 200px;
    line-height: 200px; <-- устанавливаем значение  line-height для центрирования текста по вертикали
    border: 1px solid black;
    text-align:center;
    margin: 10px;
}

span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em; <-- возвращаем значение line-height для текста к исходному
}