Need help in email template creation for Advanced HTML CSS

[PinkyChau]

hi ,

We need alignment of bullet points in left, center and right.

and to achieve this we used below:-

<style>
.bullet-list {
display: inline-block;
vertical-align: top;
width: 20%;
margin-right: 10px;
}
</style>
<ul class="bullet-list">
<li>Align amongst the <b>LT</b> on how you will leverage a <b>specialist skillset</li>
<li>Align expectations</b> and ways of working</li>
<li><b>Adjust expectations vs outputs</b> of a Bain consultant</li>
</ul>
<ul class="bullet-list">
<li><b>Onboard the case team before</b> the contractor's arrival</li>
<li><b>Utilize the contractor's previous experiences on projects</b> and delve into their insights</li>
<li>Provide context on the project and <b>deep dive into work and deliverables expected</b></li>
</ul>
<ul class="bullet-list">
<li><b>Take time with the contractor</b> during their first week. </li>
<li>Identify a <b>“colleague”</b> in the case team <b>to support</b> them during their <b>first days.</b> </li>
</ul>

Its showing perfect in html viewer but

In saviynt after triggering the mail we are getting like below:-

[Raghu]

@PinkyChau  can you adjust below size in template chek it , it work and if not based size it will display

Example:

width: 10%;
margin-right: 5px;

[rushikeshvartak]

Use table tag to achieve your requirement

[rushikeshvartak · Accepted solution]

<style>
.bullet-list {
display: inline-block;
vertical-align: top;
width: 20%;
margin-right: 10px;
}
</style>

<table>
<tr>
<td class="bullet-list">
<ul>
<li>Align amongst the <b>LT</b> on how you will leverage a <b>specialist skillset</b></li>
<li>Align expectations and ways of working</li>
<li><b>Adjust expectations vs outputs</b> of a Bain consultant</li>
</ul>
</td>
<td class="bullet-list">
<ul>
<li><b>Onboard the case team before</b> the contractor's arrival</li>
<li><b>Utilize the contractor's previous experiences on projects</b> and delve into their insights</li>
<li>Provide context on the project and <b>deep dive into work and deliverables expected</b></li>
</ul>
</td>
<td class="bullet-list">
<ul>
<li><b>Take time with the contractor</b> during their first week. </li>
<li>Identify a <b>“colleague”</b> in the case team <b>to support</b> them during their <b>first days.</b> </li>
</ul>
</td>
</tr>
</table>

[PinkyChau]

Hi @rushikeshvartak  Thanks for your suggestion it worked after using table tag.