Midway.js – Automatically center the responsive elements on your websites
If you are doing responsive web design, you are aware that sometimes the elements do not behave as you want to. For example, sometimes in smaller screens (tablets and smartphones) elements are floated to the left and this may not look very good. Midway.js is a lightweight plugins that automatically centers the responsive elements of your website. It is very useful, if you are not using absolute positioning to center the elements especially in a layouts which are using percentages.
How to use:
Download Midway.js using the link above, and place it in the root directory of your site. Then place the following right before </head>
Depending on if you want your element to be centered horizontally, vertically, or both, add the following classes.
<div class="centerHorizontal centerVertical"></div>