title: Setting px width for table-cell
body: <p>I am giving a width to a div with display table cell property but it is not working .</p>
  <p>My code is</p>
  <pre><code>&lt;header class=&quot;header layers&quot;&gt;
          &lt;div class=&quot;wrap&quot;&gt;
              &lt;h1 id=&quot;title&quot;&gt;&lt;?php echo $blogtitle;?&gt;&lt;/h1&gt;
          &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>
  <p>And the css is</p>
  <pre><code>.layers {
    position: absolute;
    display: table;
    top: 0;
    left: 0;
    overflow: hidden;
    box-sizing: border-box;
    table-layout: fixed;
  }
  
  .wrap {
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    width: 1040px;
  }
  
  .header {
    height: 80px;
    width: 100%;
  }
  
  #title {
    font-size: 30px;
    color: black;
    font-family: 'Roboto', sans-serif;
  }
  </code></pre>
  <p>But i don't know why it is not working this time i have used it many time with no problem . When i see the width of the wrap class in inspect element it is setting it to 100% with no error .
  Please help . Appreciate any anwser and comment .</p>
  <p>The fiddle link is this <a href="https://jsfiddle.net/yashag/zhsxLhzj/" rel="nofollow noreferrer">https://jsfiddle.net/yashag/zhsxLhzj/</a></p>