css vertical-align not working

CSS
<div class="outer">
   <div class="inner"/>
</div>

.outer {
  display : flex;
  align-items : center;
  justify-content: center;
}
Source

Also in CSS: