JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin:0px; padding:0px;">
            <tr>
                <td>&nbsp;</td>
                <td style="width: 60%; text-align: center; background: #0067C8;">
                    <table cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color: #0067C8;">
                        <tr>
                            <td colspan="3" style="height: 50px; background-color: #262626; width:100%; text-align: left;">
                                <img src="http://placehold.it/200x50" alt"Twitter" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" style="height:25px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td style="width:25px;">&nbsp;</td>
                            <td style="background-color: #f2f2f2; width:90%;height: 250px; color: #2DB8ED; font-family: arial; font-size: 30px; text-align: center; border-color:#bcbcbc ;border-style: solid; border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(http://192.168.201.248:8080/register_page_markup/PIE.htc);">
                                Thank you for registering
                            </td>
                            <td style="width:25px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td colspan="3" style="height:25px;">&nbsp;</td>
                        </tr>
                    </table>
                </td>
                <td>&nbsp;</td>
            </tr>
        </table>