JSFiddle - React, Tailwind, and code Playground

by Preston Badeer

HTML

<img src="https://jira.proxibid.com/secure/attachment/33022/get%20more%20info%20email%20with%20lot%20text%20formatting.JPG" id="temp" onclick="this.style.display='none'" />


<table style='font-family:arial,helvetica,sans-serif; border-collapse:collapse;width:720px'>
    <tr>
        <td colspan='5' style='height:10px'>&nbsp;</td>
    </tr>
    <tr>
        <td style='width:40px'>&nbsp;</td>
        <td colspan='4' style='text-align:left'>
            <a href='https://devweb1.proxibid.com/'><img src='https://devweb1.proxibid.com/images/proxibid-logo.jpg' alt='Proxibid - It&#145;s all in the Marketplace' /></a>
        </td>
    </tr>
    <tr>
        <td colspan='5' style='border-bottom:1px solid #CCCCCC; height:16px'>&nbsp;</td>
    </tr>
</table>

<table style='border-collapse:collapse; text-align:left; width:640px;padding:0 40px;margin-left:40px;'>
    <tr>
        <th style='width:125px'></th>
        <th style='width:20px'></th>
        <th style='width:355px'></th>
        <th style='width:20px'></th>
        <th></th>
    </tr>
    <tr>
        <td style='height:25px'>&nbsp;</td>
    </tr>
    <tr>
        <td colspan='5' style='color:#3079A4; font-size:21px; font-family:arial,helvetica,sans-serif'>
            You received a message from [buyerusername]
        </td>
    </tr>
    <tr>
        <td colspan='5' style='font-size:15px; font-family:arial,helvetica,sans-serif; font-weight:normal;padding-top:9px; line-height: 21px;'>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse hendrerit ligula quis velit pharetia egestas. Ut molestie elit non massa. Vivamus tincidunt bibendum velit?
        </td>
    </tr>
    <tr>
        <td colspan='5'>
            <a href='' style='width:232px; height:38px; line-height:40px; border:1px solid #25658A; background-color:#3079a4; color:#ffffff; text-align:center;text-decoration:none;display:block;margin-top:30px;font-size:18px;font-family:arial,helvetica,sans-serif'>Respond to buyer</a>
    ...

CSS

#temp {
    position: absolute;
    opacity: 1;
    margin-left: -15px;
    margin-top: -12px;
}