Verticle Centering

To achieve vertical & horizontal centering with a flexible height, here are the important parts:

  1. table DIV: display: table; position: absolute; height: 100%; width: 100%
  2. table cell DIV: display: table-cell; vertical-align: middle
  3. content DIV: margin-left: auto; margin-right: auto; width: [whatever width you want]

Does not work in IE7 or before.