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 */
<style type="text/css">
  .wrapper {
    display: table-cell;
    width: 200px;
    height: 150px;
    text-align: center;
    vertical-align: middle;
    border: 1px dotted #656565;
  }
</style>

/** Wrapper Container */
<div class="wrapper">
  This is an example text for the center align text or content vertically with CSS.
</div>

You may be interested in our other posts on free vortex WordPress theme and count current month posts.