title: Zurb Foundation, horizontally centering a 10 column in the 12 column grid
body: <p>Foundation wizards,</p>
  
  <p>Having a difficult time trying to center a 10-column element in the default 12 column grid.</p>
  
  <p>EDIT: filled out the code a bit more</p>
  
  <p>I tried putting 1 columns on either side to no avail:</p>
  
  <pre><code>&lt;div class="row"&gt;
  
  &lt;div class="large-1 column"&gt;&lt;p&gt;&lt;/div&gt;
  
  &lt;div class="large-10 columns"&gt;
  &lt;div class="row&gt;five large-2 columns in here&lt;/div&gt;
  &lt;div class="row&gt;five large-2 columns in here&lt;/div&gt;
  &lt;div class="row&gt;five large-2 columns in here&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="large-1 column"&gt;&lt;p&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>My goal is to have that 3x5 grid in the exact center of the page.  The 1 columns are currently not padding the 10 column to the center.</p>