JSFiddle - React, Tailwind, and code Playground

HTML

<table width="474" border="0" align="center" cellpadding="7" cellspacing="7">
    <tr>
      <td width="41"><label for="riddle">Riddle</label></td>
      <td colspan="6">What goes up and never comes down?</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td width="52"><div id="div1" class="answerbox">A</div></td>
      <td width="25"><div id="div2"class="answerbox">S</div></td>
      <td width="50"><div id="div3"class="answerbox">D</div></td>
      <td width="50"><div id="div4"class="answerbox">F</div></td>
      <td width="50"><div id="div5"class="answerbox">G</div></td>
      <td width="52"><div id="div6"class="answerbox">H</div></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><div id="div7"class="answerbox">K</div></td>
      <td><div id="div8"class="answerbox">L</div></td>
      <td><div id="div9"class="answerbox">M</div></td>
      <td><div id="div10"class="answerbox">N</div></td>
      <td><div id="div11"class="answerbox">O</div></td>
      <td><div id="div12"class="answerbox">P</div></td>
    </tr>
    <tr>
      <td>Anwer</td>
      <td colspan="6"><label for="answer"></label>
      <input name="answer" type="text" id="answer" size="40" /></td>
    </tr>
    <tr>
      <td colspan="7"><div align="center">
        <input type="submit" name="button" id="button" value="Submit" />
      </div></td>
    </tr>
    <tr>
      <td colspan="7">&nbsp;</td>
    </tr>
  </table>