JSFiddle - React, Tailwind, and code Playground

by vaff

HTML

<table style="width: 100%;" border="0">
<tbody>
<tr>
<td style="line-height: 21px; padding-left: 10px; background-color: #4d4e4e; width: 100%;" colspan="3" align="left" valign="middle"><span style="color: #ffffff; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 12px;"> FOR ALMEN KONTAKT, UDFYLD NEDENST&Aring;ENDE </span></td>
</tr>
<tr>
<td style="padding-top: 2px; padding-right: 1px; padding-bottom: 1px; padding-left: 10px; width: 100px;" align="left" valign="top">&nbsp;</td>
<td style="padding-top: 2px; padding-right: 1px; padding-bottom: 1px; padding-left: 10px;" align="left" valign="top">$formmail_msg$</td>
<td style="padding-top: 2px; padding-right: 1px; padding-bottom: 1px; padding-left: 10px; width: 100px;" align="left" valign="top">&nbsp;</td>
</tr>
</tbody>
</table>
<form id="contact" action="scripts/formmail.asp" method="post" accept-charset="utf-8">
<table style="width: 100%;" border="0">
<tbody>
    <tr>
        <td style="padding-top: 2px; padding-right: 1px; padding-bottom: 1px; padding-left: 10px; width: 150px;" align="left" valign="top">&nbsp;</td>
        <td style="padding-top: 2px; padding-right: 1px; padding-bottom: 1px; padding-left: 10px;" align="left" valign="top">
            <input type="hidden" name="smtpserver" value="localrelay"> 
            <input type="hidden" name="template" value="../reserve.txt"> 
            <input type="hidden" name="redirect_success" value=""> 
            <input type="hidden" name="redirect_error" value=""> 
            <input type="hidden" name="required" value="navn,email,besked"> 
            <input type="hidden" name="language" value="da"> <input type="hidden" name="ajax" value="false"> 
            <input type="hidden" name="subject" value="Mail fra kontaktformularen p&aring; lss-dk.com"> 
            <input type="hidden" name="recipient" value="[email protected]"> 
            <input type="hidden" name="text_success" value="E-mail sendt.">
            
            <dl...

CSS

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations.
   nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }