Hi
Team I have developed a email client template.which will be sent out as email out with a defined requirements.
Problem facing expected is content of body should be in the middle there should be a good space left and right as i adding the sample
expected :
But The out put i got is extended to left and right side in the outlook body pasting the image which i got as a result
So the content is extended in side ways if the window size increases but i want it in the middle as in first picture
attaching the xml of email client template here please help me to correct if any issue present in the code
<p> </p>
<div class="WordSection1">
<p class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 10.0pt; font-family: 'Dax Offc Pro',sans-serif;"> <img id="Picture_x0020_1" style="width: 790px; height: 1.2348in;" src="incident%20communication.pngx" width="790" height="111" /> </span><span style="font-size: 10.0pt; font-family: 'Dax Offc Pro',sans-serif;"> </span></p>
<div align="center">
<table class="MsoNormalTable" style="border-collapse: collapse; max-width: 790px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 609.25pt; border-style: hidden; border-image: initial; padding: 0cm 5.4pt; height: 30px;" colspan="2" valign="top" width="812"><span style="font-size: 12pt;">This Communication is based on currently available information and is subject to change.</span></td>
</tr>
<tr>
<td style="border-style: hidden; border-image: initial; padding: 0cm 5.4pt; height: 30px;" colspan="2">
<p><strong><span style="font-size: 12pt;">Incident Criticality : <span style="font-size: 12pt;"> </span></span></strong><span style="font-size: 12pt;"><span style="color: #2dc26b;">${mail_script:sis}</span></span></p>
</td>
</tr>
<tr>
<td style="border-style: hidden; height: 30px; border-image: initial; padding: 3px;" colspan="2" bgcolor="#278ecf">
<p><strong><span style="font-size: 12pt;"> <span style="color: #ecf0f1;">Incident # ${number} | ${u_csco}</span></span></strong></p>
</td>
</tr>
<tr>
<td style="border-style: hidden; height: 30px; border-image: initial; padding: 3px;" colspan="2" bgcolor="red">
<p><strong><span style="font-size: 12pt;"> <span style="color: #ecf0f1;">Executive Summary: </span></span></strong></p>
</td>
</tr>
<tr>
<td style="border-image: initial; height: 30px; border-style: hidden;" colspan="2">
<p><strong><span style="font-size: 12pt;">Incident Start date and time: </span></strong><span style="font-size: 12pt;">${u_estimated_incident_start_time}</span></p>
</td>
</tr>
<tr>
<td style="width: 91.85pt; border-style: hidden; border-image: initial; height: 60px;" valign="top" width="122">
<p class="MsoNormal"><strong><span style="font-size: 12pt;">Description:</span></strong></p>
</td>
<td style="max-width: 517.4pt; overflow-wrap: break-word; border-style: hidden; border-image: initial; height: 60px; width: 690px;" valign="top" width="690">
<p class="MsoNormal"><span style="font-size: 12pt;">${description} </span></p>
</td>
</tr>
<tr>
<td style="max-width: 609.25pt; overflow-wrap: break-word; border-style: hidden; border-image: initial; height: 50px; width: 812px;" colspan="2" valign="top" width="812">
<p class="MsoNormal"><span style="font-size: 12pt;"><strong>Current impact(s):</strong> </span></p>
<ul style="list-style-position: inside;">
<li style="font-size: 12pt;">Line of Business Impacted: ${u_impacted_lob}</li>
<li class="MsoNormal" style="font-size: 12pt;"><span style="font-size: 12pt;">Number of Customers/Employees Impacted: </span></li>
<li style="font-size: 12pt;">Jurisdiction: </li>
</ul>
</td>
</tr>
<tr>
<td style="width: 91.85pt; height: 30px; border-style: hidden; vertical-align: top;" valign="top" width="122"><strong><span style="vertical-align: top; font-size: 12pt; color: red;">Current Status:</span></strong></td>
<td style="font-size: 12pt; overflow-wrap: break-word; width: 690px; height: 50px; border-style: hidden; vertical-align: top;" valign="top" width="690"><span id="mce_11"></span></td>
</tr>
<tr>
<td style="border: hidden; border-image: initial; height: 5px; padding: 2px;" colspan="2" bgcolor="red"><span id="mce_25"></span></td>
</tr>
<tr>
<td style="border-style: hidden; height: 30px; border-image: initial; padding: 3px;" colspan="2" bgcolor="#278ecf">
<p><strong><span style="font-size: 12pt;"> <span style="color: #ecf0f1;">Incident Details: </span></span></strong></p>
</td>
</tr>
<tr>
<td style="max-width: 609.25pt; overflow-wrap: break-word; border: hidden; height: 50px; padding-top: 20px;" colspan="2" valign="top" width="812"><span style="font-size: 12pt; color: #000000;"><strong>Mitigation Actions to Date:</strong><span style="font-size: 12pt;"> </span></span></td>
</tr>
<tr>
<td style="width: 91.85pt; border-image: initial; border: hidden;" valign="top" width="122"><span style="font-size: 12pt;"><strong>Next Steps: </strong></span></td>
<td style="width: 517.4pt; border-width: initial; border-style: hidden hidden hidden none; border-color: initial; border-image: initial; height: 50px;" valign="top" width="690"><span style="font-size: 12pt;">A CSIRT will not be convened to manage this incident.A CSIRT will be convened if the situation deteriorates.This will be the only communication for this incident,unless the situation deteriorates, and an update is required.</span></td>
</tr>
<tr>
<td style="max-width: 609.25pt; overflow-wrap: break-word; border: hidden; height: 50px;" colspan="2" valign="top" width="812"><span style="font-size: 12pt;"><strong>Suspected Root Cause:</strong><span style="font-size: 12pt;"> TBD - root cause report will be compiled post incident.</span></span></td>
</tr>
<tr>
<td style="height: 5px; border: hidden; border-image: initial; padding: 2px;" colspan="2" bgcolor="#278ecf"><span id="mce_11"></span></td>
</tr>
<tr>
<td style="max-width: 609.25pt; overflow-wrap: break-word; border: hidden; padding-top: 20px; height: 40px;" colspan="2" valign="top" width="812"><span style="font-size: 12pt;"><strong>Personal Information Accessed?</strong><span style="font-size: 12pt;"> </span></span></td>
</tr>
<tr>
<td style="max-width: 609.25pt; overflow-wrap: break-word; border: hidden; height: 40px;" colspan="2" valign="top" width="812"><span style="font-size: 12pt;"><strong>User Notification: </strong><span style="font-size: 12pt;"> </span></span></td>
</tr>
<tr>
<td style="max-width: 609.25pt; overflow-wrap: break-word; border: hidden; height: 40px;" colspan="2" valign="top" width="812"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><strong>Additional information (if available): </strong><span style="font-size: 12pt;"> </span></span></span>
<div> </div>
</td>
</tr>
<tr>
<td style="height: 5px; border: hidden; border-image: initial; padding: 2px; color: #278ecf;" colspan="2" bgcolor="#278ecf"><span id="mce_11"></span></td>
</tr>
<tr>
<td style="width: 91.85pt; padding-top: 10px; height: 30px; border-style: hidden; vertical-align: top;" valign="top" width="122"><strong><span style="vertical-align: top; font-size: 12pt;">Incident Manager :</span></strong></td>
<td style="font-size: 12pt; padding-top: 10px; overflow-wrap: break-word; width: 690px; height: 30px; border-style: hidden; vertical-align: top;" valign="top" width="690"><span id="mce_11">${assigned_to}</span></td>
</tr>
<tr>
<td style="border: hidden; border-image: initial; color: #278ecf; padding: 2px; height: 5px;" colspan="2" bgcolor="#278ecf"><span id="mce_11"></span><span id="mce_11"></span></td>
</tr>
<tr>
<td style="width: 111.85pt; padding-top: 10px; height: 30px; border-style: hidden; vertical-align: top;" valign="top" width="122"><strong><span style="vertical-align: top; font-size: 12pt;">Incident History :</span></strong></td>
<td style="font-size: 12pt; padding-top: 10px; overflow-wrap: break-word; width: 690px; height: 30px; border-style: hidden; vertical-align: top;" valign="top" width="690"><span id="mce_11"></span></td>
</tr>
<tr>
<td style="height: 20px; border: hidden; border-image: initial;" colspan="2" bgcolor="#278ecf"><span id="mce_11"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
