title: how to get rid of class MsoNormal from emailers
body: <p>Hi friends I am getting stuck trying to create an emailer ... I designed an emailer then cut that design into HTML and send that emailer using office 2007 to my gmail... when i checked emailer in my gmail i got this <img src="https://i.stack.imgur.com/7cc9p.jpg" alt="enter image description here"></p>
  
  <p>There are spaces showing after debugging I found there are <code>&lt;p class="MsoNormal"&gt;</code> after every <code>&lt;tr&gt;</code>. To reset this I also applied following style but it doesn't work... please help me guys </p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>body {
      color: #fff;
      font-family: Arial, Helvetica, sans-serif;
      margin: 0;
      padding: 0;
  }
  html {width: 100%;} 
  body {width:100% !important;}
  .ReadMsgBody, .ExternalClass {width:100%; display:block !important;}
  table td {border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;} 
  #backgroundTable {margin:0; padding:0; width:100% !important;} 
  p.MsoNormal {margin: 0px}
  img{display:block;}
  </code></pre>