Vertically Align in CSS

Are you stuck without being able to vertically center in CSS ? . Here is a very simple solution. With these three lines you can vertically align in CSS.

.<class name> {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

Source : http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/