I am trying to use sections to create navigation on a simple page, however I need it to be on the right of the screen. The default layout provided by Foundation when using "vertical-tabs" is ["tabs on the left, content on the right"](http://foundation.zurb.com/docs/components/section.html).

```
<div class="section-container vertical-tabs" data-section="vertical-tabs">
  <section>
    <p class="title" data-section-title><a href="#">Section title 1</a></p>
    <div class="content" data-section-content>
      <p>Content of section 1.</p>
    </div>
  </section>
  <section>
    <p class="title" data-section-title><a href="#">Section title 2</a></p>
    <div class="content" data-section-content>
      <p>Content of section 2.</p>
    </div>
  </section>
</div>

```

How do I switch the layout to "tabs on the right, content on the left"?