Vertical Centering
Divided into several different centered types.

Floating element without outer height

Parallax floating element


Floating element
The outer container needs to have a height
Non-floating element
Restore default alignment when using a mobile device
The outer container needs to have a height
Normal Inner Element
The outer container needs to have a height

Floating element (Bottom)
The outer container needs to have a height

Floating element (Top)
The outer container needs to have a height
Normal Inner Element (Bottom)
The outer container needs to have a height
Normal Inner Element (Top)
The outer container needs to have a height
Using Bootstrap
I'm vertically centered