V-Aligning与CSS

Question

我正在为FCC创建一个投资组合页面，我创建了一个侧边栏，我尝试对齐文本，使其处于中间位置。我已经尝试了Verticle-Align:Middle和Display:Table-Cell，但他们都没有工作，如果有人可以帮助引导我采用任何其他方法，我们将不胜感激。

#sidebar > h1 {
  verticle-align: middle;
  display:table-cell;
}

<div id="sidebar">
  <div id="Me">
    <h1>Jake Mills</h1>
    <h2>Computing Student</h2>
  </div>
</div>

http://codepen.io/JakeMills/full/EyWaew/

PS：我知道我在上面的代码中拼错了vertical错误。这已得到纠正，但仍然无法正常工作。