foundation-emails/test/visual/pages/attributes.html

A framework for responsive emails

<container>
  
  <spacer size="32"></spacer>

  the row should have dir="rtl"
  <row dir="rtl">
    <columns large="4" valign="middle" align="center">
      <img class="small-float-center" src="http://placehold.it/300x200/345" alt="">
    </columns>
    <columns large="8">
      <h4>HEADLINE</h4>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, soluta aliquam dolor error nisi, dolorum rem voluptatem placeat temporibus eveniet vel distinctio!</p>
    </columns>
  </row>

  <row>
    <columns large="4" valign="middle">
      <img class="small-float-center" src="http://placehold.it/300x200/621" alt="">
    </columns>
    <columns large="8">
      <h4>HEADLINE</h4>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, soluta aliquam dolor error nisi, dolorum rem voluptatem placeat temporibus eveniet vel distinctio!</p>
    </columns>
  </row>

  the row should have dir="rtl", the columns should have valign and align attributes

  <row dir="rtl">
    <columns large="4" valign="middle" align="center">
      <img class="small-float-center" src="http://placehold.it/250/349" alt="">
    </columns>
    <columns large="8" valign="middle" align="center">
      <h4 style="margin-bottom: 0;" class="text-right">HEADLINE</h4>
      <p style="margin-bottom: 0;" class="text-right subheader">SUBHEADLINE</p>
    </columns> 
  </row> 

  the items should have target="_blank"
  <center>
    <menu>
      <item target="_blank" href="http://zurb.com">Item</item>
      <item target="_blank" href="http://zurb.com">Item</item>
      <item target="_blank" href="http://zurb.com">Item</item>
    </menu>
  </center>
</container>