дополнительная прокладка в gmail

Question

Я делаю HTML-почтовый ящик. Когда я просматриваю шаблон в gmail, он добавляет дополнительное дополнение к изображению.

Я использовал:

border-spacing:0; 
display:block; 

Но это не работает.

HTML

<table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; border-spacing:0px; margin-left: 15px;" align="left" border="0" cellpadding="0" cellspacing="0"> 
    <tbody> 
     <tr> 
      <td align="center"> 
       <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="110"> 
        <tbody> 
         <tr> 
          <td align="center" height="100" valign="top" width="110"> 
           <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
            <a class="modimg" style="text-decoration: none!important;" href="#"> 
             <img style="display: block; border: 3px solid #ffcbbc; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" alt="" src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455949782.jpeg" border="0" height="110" width="110"> 
            </a> 
           </p> 
          </td> 
         </tr> 
        </tbody> 
       </table> 
      </td> 
     </tr> 
     <tr> 
      <td class="h2" style="font-weight: bold;font-family: 'Montserrat', sans-serif; padding-top: 2px; padding-bottom: 0px;color:#ffffff;"> 
       <p style="padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> 
        <span class="wrap_textbox">Mr. R. Chandrasekhar</span> 
       </p> 
       <p style="padding:0; margin:0 auto; max-width:110px;text-align: center !important; font-size: 8px;"> 
        <span class="wrap_textbox">President at NASSCOM</span> 
       </p> 
      </td> 
     </tr> 
    </tbody> 
</table> 

Спасибо.

Answer 1

использование padding:0, margin:0. в соответствии с вашими потребностями, где вы хотите их разместить.

Answer 2

Я не смог воспроизвести вашу проблему выше, однако я заметил несколько недостающих вещей, которые могут решить проблему.

Попробуйте это (начинается в строке 6 вашего примера выше).

<table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="110"> 
    <tbody> 
     <tr> 
      <td align="center" height="100" valign="top" width="110"> 
       <a class="modimg" style="text-decoration: none!important;" href="#"> 
        <img style="display: block; border: 3px solid #ffcbbc; outline: none; text-decoration: none;-ms-interpolation-mode: bicubic; display: block; mso-height-rule: exactly; line-height: 1;" alt="" src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455949782.jpeg" border="0" height="110" width="110"> 
       </a> 
      </td> 
     </tr> 
    </tbody> 
</table>