JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <div 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</div>
    </td>
      <td>
        <div  id="second">bla</div>
      </td>
  </tr>
</table>

CSS

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