title: CSS margin & padding not working
body: <p>When I convert html to PDF margin &amp; padding are not applied in PDF.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;tr&gt;
      &lt;td&gt;
          &lt;img src="2.jpg" alt="" title="" style="width:40px; height:40px;margin-top: -23px; margin-left: -6px;"&gt;
      &lt;/td&gt;
      &lt;td width="85%" valign="bottom"&gt;
          &lt;font size="4" face="Arial"&gt;&lt;b&gt;Happy to help&lt;/b&gt;&lt;/font&gt;
          &lt;hr&gt;
      &lt;/td&gt;
  &lt;/tr&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Also, how to reduce height of <code>hr</code> element?</p>
  
  <p><img src="https://i.stack.imgur.com/9bV7m.png" alt="hr screenshot"></p>
  
  <p><img src="https://i.stack.imgur.com/VJ6oZ.png" alt="pdf with hr screenshot"></p>