title: Center align with table-cell
body: <p>I'm trying to use the table-cell way to center a div vertically and horizontally.</p>
  <p>It works when I use the following code:</p>
  <pre class="lang-css prettyprint-override"><code>div {
    display: table;
  }
  .logo {
    display: table-cell;
    position: absolute;
    vertical-align: middle;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
  }
  </code></pre>
  <p>But I'd rather wrap <code>.logo</code> in another div called <code>.center</code> like here <a href="http://jsfiddle.net/cxvDL/" rel="noreferrer">JSFiddle</a>, but for some reason, although it works in JSFiddle, it isn't working for me on my site.</p>