JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div1">
  <table class="tab1">
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </table>
  <table>
    <tr>
      <td>66</td>
      <td>55</td>
    </tr>
    <tr>
      <td>66</td>
      <td>55</td>
    </tr>
  </table>
</div>

CSS

table td:nth-child(2) {
  background: red;
}

.tab1 {
  width: 50%;
  float: left;
}

.tab2 {
  float: right;
}
.div1{
  width: 600px;
      position: relative;
}