Заполнение содержимого внутри макета столбца сетки

Я использую структуру Zurb Foundation для создания интерфейса (http://foundation.zurb.com/docs/grid.php), и я создал свой базовый верстка нормальная, проблем нет.

Меня интересует, как разместить содержимое внутри столбцов? Все содержимое выровнено по левой стороне, как и следовало ожидать, но я не вижу способа создать отступ без настройки разметки макета сетки или создания множества оболочек повсюду.

Например, разметка

<div class="container">
  <div class="row">
    <div class="eight columns customise-the-grid">
      <p>My main content</p>
      <ul><li>My item</li></ul>
      <!-- other various content -->
    </div>
    <div class="four columns">
      <div class="or-create-a-wrapper">
        <p>My main content</p>
        <ul><li>My item</li></ul>
        <!-- other various content -->
      </div>
    </div>
  </div>
</div>

Некоторые CSS для иллюстрации

.customise-the-grid{
  padding: 10px;
}
.or-create-a-wrapper{
  padding: 10px;
}