Menu icon Foundation
How Would You Achieve This?

A bit lost on how I would achieve this?

 

email design

 

Is it just adding a background color to the row and using the nth_child() selector to add the borders on the first and second child?  Also I'm trying too vertically align my cells but the valign="middle" doesn't work.

 

<table class="row" bgcolor="#f8a35c" id="footer">
  <tr>
    <th class="small-12 large-12 first columns" valign="middle">
      <p class="text-center white_footer">www.acme.com</p>
    </th>
    <th class="small-12 large-12 columns" valign="middle">
      <p class="text-center white_footer">1.844.2334.4532</p>
    </th>
    <th class="small-12 large-12 last columns" valign="middle">
      <p class="text-center white_footer">[email protected]</p>
    </th>
    <th class="expander"></th>
  </tr>
</table>

cellsemailvertical align

A bit lost on how I would achieve this?

 

email design

 

Is it just adding a background color to the row and using the nth_child() selector to add the borders on the first and second child?  Also I'm trying too vertically align my cells but the valign="middle" doesn't work.

 

<table class="row" bgcolor="#f8a35c" id="footer">
  <tr>
    <th class="small-12 large-12 first columns" valign="middle">
      <p class="text-center white_footer">www.acme.com</p>
    </th>
    <th class="small-12 large-12 columns" valign="middle">
      <p class="text-center white_footer">1.844.2334.4532</p>
    </th>
    <th class="small-12 large-12 last columns" valign="middle">
      <p class="text-center white_footer">[email protected]</p>
    </th>
    <th class="expander"></th>
  </tr>
</table>