Help getting text ontop of image (email HTML)

[ryanclarke95]

Hey guys,

I've been watching a youtube video on designing and writing my own email template but the video doesn't explain how to place text over an image.

I have the below code and this is how my image is showing up (I want the text to display in the centre of the image).

<tr>
                            <tr>

                            <td class="mobilefullwidth" align="center" bgcolor="#214B67" display: inline-block;>
                                <table border="0"cellspacing="0" cellpadding="0" align="center">

                                 <img src="https://uploads-ssl.webflow.com/611f232669f7451bf148cef1/611f2337701588226a80e729_Header%20image%402x.png" width="100%" height="auto" alt="Headphone man">
                                        
                                 <a href="https://www.chill.com.au/"; target="_blank" style="color: #FFFFFF ;font-size: 21px; font-weight: 500; text-align:center; text-decoration: none; border-radius: 0px; ">
                                Click Here!</a>

                            </td>

                        </tr>
                        </table>