title: zurb foundation center content in the grid
body: <p>I'm trying to center horizontally an image into a zurb column but it seems impossible. I tried everything, searched everywhere, but I cant get it to work.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="twelve columns"&gt;&lt;br /&gt;
          &lt;img src="img_06.jpeg" alt="slide image"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>currently landscape images are alright on the 12 column grid, but when a portrait image comes along it is on the left side of the grid. If i give it a 25% padding it goest to the center, but I'm using php to pull all the images from a folder and generate the code on the fly, so i can't have 25% padding on all the images (landscape ones shrink).</p>
  
  <p>Thanks</p>