Вертикальное выравнивание на h1 просто не работает?

Я пытаюсь выровнять текст в h1 вертикально по центру, так как текст может обернуться, он должен выглядеть красиво, будь то 1 строка или 2.

Это CSS, который я использую:

h1 {
  font-size: 12pt;
  line-height: 10pt;
  min-height: 30px;
  vertical-align: middle;
}

HTML очень прост:

<h1>title</h1>

Независимо от того, какое значение я ввожу для vertical-align , текст всегда находится вверху h1 элемент.

Не понимаю ли я свойство vertical-align ?