title: AirMail - Non breaking line tricks used as preview
body: <p>I use this tricks on my email to handle (to prevent) responsive display (fonts enlarging) on mail client:</p>
  
  <pre><code>&lt;div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff;"&gt;
          - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  &lt;/div&gt;
  </code></pre>
  
  <p>By now, my client just show me that his new AirMail app detect these chars and used them as preview.</p>
  
  <p>I put this (the non-breakable div) at bottom of my emails, and at top, i defined hidden text to be used as preview by email client.</p>
  
  <p>That worked until AirMail ...</p>
  
  <p><a href="https://i.stack.imgur.com/bRyf2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bRyf2.png" alt="enter image description here"></a></p>
  
  <p>Any suggestions, or others tricks to prevent responsive email?</p>
  
  <p>EDIT:</p>
  
  <p>Top of email</p>
  
  <pre><code> &lt;div style="display:none !important;height:1px;max-height:1px;opacity:0;visibility:hidden;font-size:0px !important;color:white;line-height:0px !important;mso-hide:all"&gt;
        &lt;p style="display: none !important;"&gt;HIDDEN CONTENT TO BE USED AS PREVIEW&lt;/p&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Middle of email</p>
  
  <pre><code>&lt;table style="width:600px;max-width:600px;min-width:600px;padding:0px;margin:auto;" height="100%" border="0" cellpadding="0" cellspacing="0" width="600"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;EMAIL CONTENT&lt;/tr&gt;
      &lt;/tbody&gt;
  </code></pre>
  
  <p>Bottom of email</p>
  
  <pre><code>    &lt;div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff;"&gt;
          - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      &lt;/div&gt;
  &lt;/table&gt;
  </code></pre>