2016-08-31 7 views
0

HTMLメール:パディングは、Gmailの

<table> 
 
    <tr> 
 
    <td valign="top" align="center"> 
 
     <span style="color: black; text-align: center; text-transform: uppercase; font-weight:100 !important; letter-spacing: 8px; font-size: 35px;font-family: 'open sans', arial, sans-serif;">TIECON</span> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td valign="top" align="center"> 
 
     <span style="color: black; text-align: center; text-transform: uppercase; font-weight:100 !important; letter-spacing: 8px; font-size: 35px;font-family: 'open sans', arial, sans-serif;">AHMEDABAD</span> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td valign="top" align="center"> 
 
     <span style="color: black; text-align: center; text-transform: uppercase; font-weight:100 !important; letter-spacing: 8px; font-size: 35px;font-family: 'open sans', arial, sans-serif;">2016</span> 
 
    </td> 
 
    </tr> 
 
</table>

で働いていない私は、gmailのにブラウザでパディングを見ることはできませんが。

 image with padding

image without padding in gmail

PS:私はHTML Emailerのを作っていますように、私は、tableインラインCSSに固執する必要があります。

ありがとうございます。

+0

を使用してみてください。ときどきGmailはスタイリングに干渉します。 – beerwin

+1

'line-height:35px'を試してください。css –

+0

@MinalChauhan ...ありがとうございました。 :) –

答えて

0

は、表のセルにパディングを追加してみline-height:35px

<table> 
 
    <tr> 
 
    <td valign="top" align="center"> 
 
     <span style="color: black; text-align: center; text-transform: uppercase; font-weight:100 !important; letter-spacing: 8px; font-size: 35px;font-family: 'open sans', arial, sans-serif; line-height:35px;">TIECON</span> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td valign="top" align="center"> 
 
     <span style="color: black; text-align: center; text-transform: uppercase; font-weight:100 !important; letter-spacing: 8px; font-size: 35px;font-family: 'open sans', arial, sans-serif;line-height:35px;">AHMEDABAD</span> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td valign="top" align="center"> 
 
     <span style="color: black; text-align: center; text-transform: uppercase; font-weight:100 !important; letter-spacing: 8px; font-size: 35px;font-family: 'open sans', arial, sans-serif;line-height:35px;">2016</span> 
 
    </td> 
 
    </tr> 
 
</table>

+0

完了しました。 –

+0

ありがとう.... :) –

関連する問題