zurb foundation center content in the grid

Just add the class "text-center"

Using foundation 4:

HTML:

<div class="row">
    <div id="wrap-img" class="large-12 columns"><br />
        <img src="img_06.jpeg" alt="slide image">
    </div>
</div>

CSS:

#wrap-img img { margin: 0 auto; }

Try adding the centered class.

.five.columns.centered

Edit November 2015: In Foundation 6 check out Typography Helpers

Edit April 2014: In Foundation 5 check out Utility classes.

Original answer:

Use the text-center class.

<div class="row">
    <div class="twelve columns text-center"><br />
        <img src="img_06.jpeg" alt="slide image">
    </div>
</div>

Source: https://github.com/zurb/foundation/pull/224

Related