Hope you can help me with this its probably really simple but I’m pretty bad at nesting.
Here is the simple code:
<table border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td width="600"><a href="#" target="_blank"></td>
</tr>
<tr>
<td valign="top" align="center"></td>
</tr>
<tr>
<td valign="top" align="center" bgcolor="#000000" colspan="2"><a href="#" target="_blank"><img src="#" width="9" height="11" border="0" alt="" style="display:block;"></a><font style="font-size: 12px" color="#ffffff" face="Arial, Helvetica, sans serif"><b><a href="#" target="_blank" style="text-decoration: none; color: #ffffff">LEAVE A REVIEW TO <font color="#ff9a11">WIN £250</font> WORTH OF X VOUCHERS</a></b></font></td>
</tr>
</table>
If you pop that into an editor or open in a browser all I’m trying to do is sit the two data cells on the same line, you’ll notice there’s an image with no image that’s 9x11px that is an image of a bullet point, that should give you the idea of what I wanna do. However I try everything goes mental.
If you could explain why that’s happening that would be awesome because I’m learning HTML for email (being in emailing for my job)
I removed the style – display: block from the bullet image. That style makes the image live in its own
line.