JSFiddle - React, Tailwind, and code Playground

by Victor

HTML

<table width="800" style="
margin:0; padding:0;
    background:#FFF25E;
    text-align:right;
    background: rgb(255,246,7);
    background: -moz-linear-gradient(top, rgba(255,246,7,1) 0%, rgba(255,200,153,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,246,7,1)), color-stop(100%,rgba(255,200,153,1)));
    background: -webkit-linear-gradient(top, rgba(255,246,7,1) 0%,rgba(255,200,153,1) 100%);
    background: -o-linear-gradient(top, rgba(255,246,7,1) 0%,rgba(255,200,153,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,246,7,1) 0%,rgba(255,200,153,1) 100%);
    background: linear-gradient(to bottom, rgba(255,246,7,1) 0%,rgba(255,200,153,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff607', endColorstr='#ffc899',GradientType=0 );
    max-width:800px !important;
    min-height:600px;
">
    <tbody>
        <tr style="padding-bottom:20px;"><td style="text-align:center; font-size:3em;
      text-align:center;
      font-family:impact;
      color:#333333;
  border-bottom:2px solid #999999;
" colspan="2">Come see us at booth 843!<br/>The Original is still the best.<br/>Over 3M Sold! </td></tr>
        <tr>
            <td style="
      background:#e3e3e3;
      display:block;
      background:rgba(250,250,250,.96);
width:200px;
      left:0px;
      margin:0;
margin-left:10px;
      padding:10px;
      border-radius:10px;
    "><h3 style="padding:5px 5px 1px;;margin:0;color:#455A8C;font-style:italic;font-size:1.4em;border-bottom:1px solid #999999;">Applications</h3>
      <p style="padding:5px 5px 0;">For use in:</p>
      <ul style="list-style-type:circle; margin:0;line-height:1.4;">
      <li>Natural gas distribution</li>
      <li>Natural gas gathering</li>
      <li>Landfill gas (methane)</li>
      <li>Hydrocarbon fuel gases</li>
      <li>Hydrogen</li>
      <li>Air</li>
      <li>Other inert gases</li>
      </ul></td>
            
      <td...