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.
/** Wrapper Style */
border: 1px dotted #656565;
/** Wrapper Container */
This is an example text for the center align text or content vertically with CSS.