JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td id="first">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</td>
      <td id="second">bla</td>
  </tr>
</table>

CSS

table {
    color: silver;
    }
    td {
        width: 50%;
        border: 1px solid aqua;
        vertical-align:top;
    }
    #first {
        background: navy;
    }
    #second {
    background: maroon;}