<style type="text/css"> .vc-outer { width: 100%; height: 100%; display: table; } .vc-middle { display: table-cell; vertical-align: middle; width: 100%; } </style> <!--[if IE]> <style type="text/css"> .vc-outer { position: relative; } .vc-middle { position: absolute; top: 50%; } .vc-inner { position: relative; top: -50%; } </style> <![endif]--> <div class="vc-outer"><div class="vc-middle"><div class="vc-inner"> Put the content here and it will be vertically-aligned. </div></div></div>