h3 within table email marketing

Navigation
-2

Speak, I need to apply an h3 inside a table, in a td but in the bottom position of it. Because I have an image and I need to play a title for the image. I tried with the position application but it does not work on email clients, can you help me with a solution to this? 

<td> 
     <img src='img/topo-oferta-aprovada-2.jpg' width='600' height='' alt='alt_text' border='0' align='center' style='width: 100%; max-width: 600px; height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 140%; color: #555555; margin: auto;'>
     <h3 valign='bottom' style='vertical-align: bottom; margin-left: 20px;color: #FFF;font-family: sans-serif;font-weight: bold;font-size: 20px; margin-top: -50px;'>Sua oferta foi aprovada</h3>
</td>

Thank you

    
asked by anonymous 27.04.2018 / 15:52

1 answer

-1

Cristiano made some corrections in his CSS to stay aligned etc. If it does not work in your project it is because you have some other CSS interfering with your element, in which case you would have to put !importante in some styles

EDIT: Note that it was necessary to put display:flex on <dt> now it might work since position did not work ...

See the example below. 

<table>
    <tbody>
        <tr>
            <td style="display: flex; flex-direction: column;">
                <img src="http://placecage.com/600/200"width="600" height="" alt="alt_text" border="0" align="center" style="width: 100%; max-width: 600px; height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 140%; color: #555555; margin: auto;">
                <h3 valign="bottom" style="vertical-align: bottom; text-align: center; padding: 10px 0; color: #FFF; font-family: sans-serif; font-weight: bold; font-size: 20px; margin-top: -50px; background-color: rgba(0,0,0,0.5);">Sua oferta foi aprovada</h3>
            </td>
        </tr>
    </tbody>
</table>
    
27.04.2018 / 16:29
PHP convert kilometers / hours to Nautical miles / hours How to make a Loop work inside another Loop in the same code