Search code examples
htmlhtml-tablehtml-email

Why is a period being misplaced in my HTML?

I have an HTML email that is inserting a period at certain breakpoints in my text, even though it's not in the code.

At this breakpoint, it's fine:

Here, the text is fine.

At this breakpoint, there is a period inserted at the beginning of the third line of copy.

At this breakpoint, there is a random period inserted at the beginning of the third line of copy.

I can't see anything that would cause this in the code.

<!-- BODY COPY -->
<tr>
    <td class="fluid-td darkmode-text fallback-font" width="100%" align="left" style="Margin:0 auto;padding:0 30px 0 30px;font-family:'Roboto',Arial,sans-serif; font-size: 15px; line-height: 25px; color: #333333;">
        <div class="darkmode-text fallback-font" style="Margin: 0; padding: 0; font-family:'Roboto',Arial,sans-serif; font-size: 15px; line-height: 25px; color: #333333;">
            <p style="Margin:0;padding:0;">Take on tightly-curved surfaces with extra-pliable ID. Sticks to stainless steel and Polypropylene.</p>
        </div>
    </td>
</tr>
Solution

  • This is almost certainly a rtl-ltr-issue. The period is not "new", it's left when it should be right.

    Try to add the attribute dir="ltr" to the containing element.