How to put text on top of an image (via email)?

Question

So how is this impossible: :: after for inline HTML email?

How can I put text above the image below?

Keep in mind that positionnegative fields are also apparently not supported by email.

<img src="http://www.livetochallenge.com/assets/blue-banner.png">
<div style="display: inline-block;"> # Put this text on banner
  Put<br>
  Over<br>
  Image
</div>

Answer 1

, - ALT. 100% , , . , , , , Outlook 2009 .

: https://backgrounds.cm/ - , /.

"" . , , . , - . , , , . , - TD # 2E3E65, , .

, , - . , . , .

: https://www.campaignmonitor.com/css/ , , , // . , : -)

2

, . , , ( html).

<table style="width:300px; border-collapse: collapse; margin: 0; padding: 0; border: none;">
<tr style="height: 54px;">
<td style="margin: 0; padding: 0; border-collapse: collapse; border: none; width: 36px;"><img src="http://www.livetochallenge.com/assets/blue-banner.png" style="margin: 0; padding: 0;"/></td>
<td style="margin: 0; padding: 0; border-collapse: collapse; border: none;"><div style="background-color: #354871; height: 37px; color: white; text-align: center; padding-top: 15px;"># Put this text on banner</div></td>
<td style="margin: 0; padding: 0; border-collapse: collapse; border: none; width: 36px;"><img src="http://i.imgur.com/OgwtHvr.png" style="margin: 0; padding: 0;"/></td>
</tr>
</table>

"", : .

. . , . , .