vertical align not working

Using CSS3:

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

Css:

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