CSS margin & padding not working

Question

When I convert html to PDF margin & padding are not applied in PDF.

 <tr> <td> <img src="2.jpg" alt="" title="" style="width:40px; height:40px;margin-top: -23px; margin-left: -6px;"> </td> <td width="85%" valign="bottom"> <font size="4" face="Arial"><b>Happy to help</b></font> <hr> </td> </tr> 

Also, how to reduce height of hr element?

Answer 1

 .styleHr{ border-top: 0px solid #8c8b8b; } 

 <tr> <td> <img src="2.jpg" alt="" title="" style="width:40px; height:40px;margin-top: -23px; margin-left: -6px;"> </td> <td width="85%" valign="bottom"> <font size="4" face="Arial"><b>Happy to help</b></font> <hr class="styleHr"> </td> </tr> 

Use a class to hr and apply styles for that class.

Answer 2

Please try this and let me know

<tr>
        <td style="display: block;">
            <img src="2.jpg" alt="" title="" style="display: block; width:40px; height:40px; margin-top: 23px; margin-left: 6px;">
        </td>
        <td width="85%" valign="bottom">
            <font size="4" face="Arial"><b>Happy to help</b></font>
            <hr>
        </td>
    </tr>