I am studying email marketing. I am trying to place a text in a white square part in the middle of the image. However, I noticed that you are not recognizing the margin
element in emails. Any alternative?
I need to leave the text in the middle of the image in email marketing.
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="600">
<img src="images/Header.png" width="600" height="auto" alt="" border="0" style="display: block; position: relative; z-index: 9999;">
</td>
</tr>
<tr>
<td width="600">
<img src="images/fundo.png" width="600" height="auto" alt="" border="0" style="display: block; position: relative; margin-top: -43px; z-index: -9999;">
</td>
</tr>
<tr>
<td width="600">
<p id="text-box" style="position: relative; width: 250px; margin-top: -400px; text-align: justify;">
<span style="margin-left: 60px;font-weight: bolder;font-size: 20px;">Mês das Mães!</span> </br>
Nesse mês especial, todos os eventos realizados com o nosso <strong><a href="http://www.buffetcrepemania.com.br/index.php/buffet-de-crepe/" target="_blank" style="color:#36F;">Buffet de Crepe</a></strong> levam uma opção exclusiva: <strong>Crepe de Carne Seca com Cheddar!</strong></br>
Além disso, todas as mães no evento ganham um brigadeiro delicioso!</br>
Não perca tempo! Aproveite nossa promoção e peça um orçamento! Ligue para <strong>11. 4135-2620 </strong>ou <a href="http://www.buffetcrepemania.com.br/index.php/fale-conosco/" target="_blank" style="color:#36F;">envie uma mensagem pelo site</a>.</p>
</td>
</tr>
<tr>
<td width="600">
<img src="images/transicao.png" width="600" height="auto" alt="" border="0" style="display: block; position: relative; z-index: 9999; margin-bottom: -10px;">
</td>
</tr>
<tr style="display: inline-block;">
<td width="150" id="td-img0"><a href="http://www.buffetcrepemania.com.br/index.php/buffet-de-crepe/"><img src="images/servico1.png" width="150" height="auto" alt="" border="0" style="display: block;"></a>
</td>
<td width="150" id="td-img1"><a href="http://www.buffetcrepemania.com.br/index.php/coffe-break/"><img src="images/servico2.png" width="150" height="auto" alt="" border="0" style="display: block;"></a>
</td>
<td width="150" id="td-img2"><a href="http://www.buffetcrepemania.com.br/index.php/quem-somos/"><img src="images/servico3.png" width="150" height="auto" alt="" border="0" style="display: block;"></a>
</td>
<td width="150" id="td-img3"><a href="http://www.buffetcrepemania.com.br/index.php/quem-somos/"><img src="images/servico4.png" width="150" height="auto" alt="" border="0" style="display: block;"></a>
</td>
</tr>
<tr>
<td width="600">
<img src="images/Footer.png" width="600" height="auto" alt="" border="0" style="display: block; position: relative; margin-top: -5px;">
</td>
</tr>
</table>