Css Vertical-align: Middle Not Working Code Example

Example: css vertical-align not working

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

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