Seeking assistance in finding an alternative method to achieve the desired functionality in an email template. Having trouble with inline position styling being removed.
table {
width: 80%;
border-spacing: 0;
}
table tr td.label-dots {
position: relative;
overflow: hidden;
background-color: red;
}
table tr td.label-dots span {
position: absolute;
overflow: hidden;
white-space: nowrap;
}
table tr td:not(.label-dots) {
background-color: blue;
}<table>
<tr>
<td class="label-dots">Label<span>...................................................................................................................</span></td>
<td>$9.99</td>
</tr>
</table>