Есть такой кусочек в теле письма оформленного в html разметке
<table>
<tr>
<p style=" display: flex; justify-content: center; ">
<table width="30%" role="presentation" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<a href="${taskUrl}"
style="...">
Go to task
</a>
</td>
</tr>
</tbody>
</table>
</p>
</tr>
</table>
отображается типа кнопка с текстовой ссылкой.
Но проблема в том что стиль <p style=" display: flex; justify-content: center; ">
центрирует эту кнопку только если смотреть в браузере. В емайл Go to task отображается в левом углу. Как это исправить?