JSFiddle - React, Tailwind, and code Playground

by pj_js15

HTML

<center style="background-color: #f9f9f9;">
    <table cellpadding="0" cellspacing="0" style="width:100%;max-width:670px;background-color:#F9F9F9">
        <tbody>
        <tr>
            <td>
                <table>
                    <td width="80%">
                        <a class="header__logo" href="${ctx.baseUrl}" align="absbottom" style="display:block;">
                            ${ctx.cmsSlotContents.TopContent}
                        </a>
                    </td>
                </table>
            </td>
        </tr>
        <tr align="left" style="font-size: 24px;line-height: 70px; font-weight: bold;font-family: Helvetica,Arial,sans-serif; color: #333333">
            <td>
                ${ctx.messages.your} ${ctx.totalCounter} ${ctx.messages.submitted}
            </td>
        </tr>
        <tr style="background-color: #0090FF;height: 10px;">
            <td>
            </td>
        </tr>
        <tr>
            <td>
        <table width="100%" style="max-width:670px; background-color: #fff; text-align: left; padding: 10px 20px 15px 20px;font-family:Helvetica,Arial,sans-serif;">
          
            <tr style="font-family: lato;font-size: 24px; font-weight: bold; font-family:Helvetica,Arial,sans-serif,sans-serif ; color: #333333">
                <td>
                    ${ctx.successCounter} ${ctx.messages.successful}
                </td>
            </tr>
            <tr style="font-family: lato;font-size: 24px; font-weight: bold; font-family:Helvetica,Arial,sans-serif,sans-serif ; color: #333333">
                <td>
                    ${ctx.failureCounter} ${ctx.messages.invalid}
                </td>
            </tr>
           
            <tr>
                <td>
                    <hr>
                </td>
            </tr>
            <tr style="font-size: 22px;line-height: 21px;color:#333333;font-weight:500; font-family:Helvetica,Arial,sans-serif;display: block;margin-top: 15px;">
                <td>
                  ...