user123 user123 - 6 months ago 26
HTML Question

HTML Email : Put text on the image using img tag

<table width="140" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" class="container">
<td align="center">
<table width="140" cellspacing="0" cellpadding="0" border="0" align="center" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; ">
<!-- speaker2-140x140 -->
<td style="vertical-align:top;width:20%;margin-left:20px;padding:0;text-align:center;">
<img style=" outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" alt="" src="" border="0" height="120" width="120" >
<p style=" text-align:center; width:110px; font-size:10px;word-break: normal; text-transform: uppercase; padding: 3px 5px; margin: 0 auto; color:#000000;"> MR. ABC</p>
<p style=" text-align:center; width:110px; font-size:8px;word-break: normal; text-transform: uppercase; padding:3px 5px; margin: 0 auto; color:#000000;"> XYZ </p>
</td> </tr>



I want to put the name
on the image to the bottom.

Just like in the image.

here is the image

Also , it would be great if i get the output with having some padding near by the image of white background.

I am making HTML Emailer , so can't use
property. have to use
and inline css

Thank You.


You have to use background property to write text on the image. you won't be able to write it using img.