Menu icon Foundation
Content between rows

Hi all,

I am creating a lot of emails with Ink and I've got several questions that are bothering me.
Would be grateful for answers.

Typical structure of email is:

<table class="container">
    <tr>
        <td>
            <table class="row">
                ...
                Article 1
                ...
            </table>
            <!-- is it safe to insert <hr> or text content between rows? -->
            <table class="row">
                ...
                Article 2
                ...
            </table>
            <table class="row">
                ...
                Article 3
                ...
            </table>
        </td>
    </tr>
</table>
            

         

Can I have a text content between rows, won't that break my layout on Outlook lets say ?

Thanks!

Best Practice

Hi all,

I am creating a lot of emails with Ink and I've got several questions that are bothering me.
Would be grateful for answers.

Typical structure of email is:

<table class="container">
    <tr>
        <td>
            <table class="row">
                ...
                Article 1
                ...
            </table>
            <!-- is it safe to insert <hr> or text content between rows? -->
            <table class="row">
                ...
                Article 2
                ...
            </table>
            <table class="row">
                ...
                Article 3
                ...
            </table>
        </td>
    </tr>
</table>
            

         

Can I have a text content between rows, won't that break my layout on Outlook lets say ?

Thanks!

Rafi Benkual over 4 years ago

You can use <hr>'s between tables.

Your content like <p>' should be inside of athat is in the`

<table class="twelve columns center">
    <tr>
       <td>
          <p class="lead">Hi John,</p>
          <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet.</p>
        </td>
       </tr>
</table>

It wouldn't consistently work without the <tr> and <td>'s.