title: Can't center container div
body: <p>I want to have a centered grid of buttons that take up the full width, but I can't seem to get the container centered no matter what I try.</p>
  
  <p>Here's the jsfiddle - <a href="https://jsfiddle.net/a6qo6tzL/" rel="nofollow">https://jsfiddle.net/a6qo6tzL/</a></p>
  
  <p>Thanks</p>
  
  <pre><code>&lt;div class="Wrapper"&gt;
  &lt;div class="gridButton"&gt;
  Test
  &lt;/div&gt;
  &lt;div class="gridButton"&gt;
  Test
  &lt;/div&gt;
  &lt;div class="gridButton"&gt;
  Test
  &lt;/div&gt;
  &lt;div class="gridButton"&gt;
  Test
  &lt;/div&gt;
  &lt;div class="gridButton"&gt;
  Test
  &lt;/div&gt;
  &lt;div class="gridButton"&gt;
  Test
  &lt;/div&gt;
  &lt;div class="gridButton"&gt;
  Test
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div style="clear: both;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.Wrapper {
  display:block;
  margin: 0 auto;
  width: 100%;
  }
  
  .gridButton {
  padding: 10px;
  background-color: #ff5100;
  color: #ffffff;
  margin: 5px;
  float: left;
  width: 250px;
  text-align: center;
  text-transform: uppercase;
  }
  </code></pre>