Flexbox demo: vertical centering

We can center any element with an unknown height. Just use items-align: center for the container or self-align: center for the flex item.

In this example, even we align the entire height of the window, because we set the body {height: 100vh; }.