Vertically Align Text Using CSS

Centering elements vertically with CSS is something that often gives designers trouble. This may look simple, but for those who code rarely on CSS, there is a high probability that they miss out on few things. I personally had an experience, so this tip might help few folks out there. For a variable amount of text that you want to center vertically and horizontally, you can use display: table-cell and vertical-align: middle. Let us do this in some style.