If you are creating an HTML email template and want to center-align an icon and its corresponding text, you can achieve this by placing the content inside a nested table and using align="center".
This method is especially useful for HTML emails because table-based layouts provide better compatibility across different email clients.
HTML Code
Use the following code in your HTML email template:
<tr>
<td style="padding:0px 0 0">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="font-size:100%;margin:0 auto;">
<tbody>
<tr>
<td width="30">
<img alt="Date" src="https://mcusercontent.com/0625aca7647c80ae5e2b9c191/images/b525b220-a274-eaaf-9cd1-89905d236807.png" style="border:0;display:block;height:auto" width="24">
</td>
<td align="center" class="fs-20" valign="top">
<p style="mso-line-height-rule:exactly;font-family:Montserrat,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;padding:0;margin:0;color:#1e4477;font-size:24px;line-height:30px;font-weight:600;text-align:center;">Anniversaries</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>