foundation-emails/test/visual/pages/layout-break-center.html

A framework for responsive emails

<container>
 

<!-- 2 columns CTA / non collapsable / no gutter -->
<row class="collapse">
  <columns>
    <wrapper class="product-listing" >
      <row class="no-padding-b">
        <columns small="6" large="6">
          <a href="http://google.com" title="" target="_blank">
            <img class="small-float-center" src="http://placehold.it/580x600" width="290" height="300" alt="">
          </a>
          <p class="text-center"><span class="name text-center">Name of Product</span></p>

          <p class="pre-price text-center" style="text-decoration:line-through;">$9.99</p>
          <p class="price text-center">
        $25.99
      </p>

      <center>
        <button href="http://tacticalgear.com" class="small">button</button>
      </center>
    </columns>
    <columns small="6" large="6">
      <a href="http://google.com" title="" target="_blank">
        <img class="small-float-center" src="http://placehold.it/580x600" width="290" height="300" alt="">
      </a>
      <p class="text-center">
      <span class="name text-center">
        Name of Product
      </span>
      </p>

      <p class="pre-price text-center" style="text-decoration:line-through;">
      $9.99
      </p>
      <p class="price text-center">
      $25.99
      </p>

    <center>
      <button href="http://google.com" class="small">button</button>
    </center>

  </columns>
</row>
</wrapper>
</columns>
</row>


</container>