Vertical Align Menggunakan CSS Flex

Menggunakan CSS, ada banyak cara untuk membuat suatu elemen berada di tengah-tengah containernya secara vertikal.
Kali ini yang saya bahas adalah cara dengan menggunakan flex

<div class="box">
  <span>Text</span>
</div>

See the Pen YPGLXo by pras abdilah (@pras-abdilah) on CodePen.