Как закинуть текст в центр изображения при табличной верстке?

Question

[drtvader]

Привет. Верстаю страницу для email рассылки. Есть код с картинкой:

<tr>
    <td align='center' style="color:#43525a; padding-top: 10px; padding-bottom: 10px;">
        <img src="img/line-2.png" alt="" title="" width="570px" height="28px" style="display:block;">
     </td>
</tr>

а нужно так:

Answer 1

[Ильдар Сарибжанов]

Я бы ни был столь категоричен.
Для себя я решил этот вопрос так:

<table background="img/src.jpg" style="width: 100%; height:30px; position: relative; overflow: hidden; border-collapse:collapse; vertical-align: top;">
	<tr style="vertical-align: top;">
		<td style=" padding-top: 0px;">
			<div style="width: 100%; font-size: 150px; position: relative; font-weight: 700; line-height: 250px; text-align: center;">278</div>
		</td>
	</tr>
</table>

Ройте в эту сторону.

Answer 2

[GreatRash]

Никак. Вырезайте текст вместе с картинкой и пишите альт.