Below is the best all-around solution I have found. Tested and working for all browser.
<div class="outer"> <div class="middle"> <div class="inner"> <h5>The Content Title</h5> <p>Content goes here..</p> </div> </div> </div>
.outer { display: table; position: absolute; height: 100%; width: 100%; } .middle { display: table-cell; vertical-align: middle; } .inner { margin-left: auto; margin-right: auto; width: 400px; }