Center ul
dropdwon-menu {
left: 50%;
transform: translateX(-50%);
}
Mysterious Mantis
dropdwon-menu {
left: 50%;
transform: translateX(-50%);
}/* Either center the list directly or center the parent element */
ul {
text-align: center;
}
/* OR */
div .list {
text-align: center;
}
<tr>
<td style="background-color: #ffffff; color:#000000; font-family: Arial, Helvetica, sans-serif; font-size: 15.3px; letter-spacing: 0.2px;line-height:20px; padding: 0 45px 20px 45px; font-weight: 300;">
<table>
<tr>
<td><li>Adaptive air suspension</li></td>
<td><li>MMI navigation with touch feedback</li></td>
</tr>
<tr>
<td><li>Electric front seats with driver memory function</li></td>
<td><li>Lane change assistant with rear cross traffic alert and exit warning</li></td>
</tr>
<tr>
<td><li>360-degree cameras</li></td>
<td><li>4 zone climate control</li></td>
</tr>
</table>
</td>
</tr>