below is my html code:
<h2>Request approval Mail</h2>
<style>
h2
<span id="CmCaReT"></span>{
color: white;
background-color: #6699CC;
margin: 20px 2px;
padding: 15px 45px;
text-align: center;
}
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
margin: 20px 2px;
<span id="CmCaReT"></span>
}
td, th {
border: 1px solid #dddddd;<span id="CmCaReT"></span>
text-align: left;
padding: 2px;
<span id="CmCaReT"></span>background-color: white<span id="CmCaReT"></span>;
}
body {background-color: white;}
h1 {color: white;}
p {color: black;}
</style>
<p>Hi ${request.requested_for.u_reporting_manager_level1},</p>
<p>You have been sent request for approval.</p>
<table style="height: 128px;" width="534">
<tbody>
<tr style="height: 15px;">
<td style="width: 263px; height: 15px;"><strong>Name</strong></td>
<td style="width: 260px; height: 15px;">${request.requested_for}</td>
</tr>
<tr style="height: 15px;">
<td style="width: 263px; height: 15px;"><strong>Created</strong></td>
<td style="width: 260px; height: 15px;">${sys_created_on}</td>
</tr>
<tr style="height: 16px;">
<td style="width: 263px; height: 16px;"><strong>Project</strong></td>
<td style="width: 260px; height: 16px;">${request.requested_for.u_project_wbs}</td>
</tr>
<tr style="height: 16px;">
<td style="width: 263px; height: 16px;"><strong>category</strong></td>
<td style="width: 260px; height: 16px;">${cat_item.category}</td>
</tr>
<tr style="height: 15px;">
<td style="width: 263px; height: 15px;"><strong>Priority</strong></td>
<td style="width: 260px; height: 15px;">${priority}</td>
</tr>
<tr style="height: 15px;">
<td style="width: 263px; height: 15px;"><strong>request no</strong></td>
<td style="width: 260px; height: 15px;">${request.number}</td>
</tr>
<tr style="height: 16px;">
<td style="width: 263px; height: 16px;"><strong>Requested By</strong></td>
<td style="width: 260px; height: 16px;">${opened_by}</td>
</tr>
<tr style="height: 16px;">
<td style="width: 263px; height: 16px;"><strong>tentative closed date</strong></td>
<td style="width: 260px; height: 16px;">${due_date}</td>
</tr>
<tr style="height: 16px;">
<td style="width: 263px; height: 16px;"><strong>short description</strong></td>
<td style="width: 260px; height: 16px;">${short_description}</td>
</tr>
</tbody>
</table>
<p>Please approve or reject this request using the buttons below</p>
<p>when rejecting an access request,please include the reason for rejection in the response email.</p>
<p>${mail_script:button} </p>
<p> </p>
<p>Approval Activity: </p>
<p>You are the sole approver.</p>
<div align="center"><hr align="center" size="2" width="100%" /></div>
<p>Click here to view Requested Item: ${URI_REF}</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
after i preview it looks perfect but in outlook it comes with the html tag
