JSFiddle - React, Tailwind, and code Playground

HTML

<div class="myclass">
  <div>
  Hello World
  </div>
</div>

<div class="myclass">
  <table>
    <thead>
      <tr>
        <th>Name</th>
        <th>Age</th>
      </tr>
    </thead>
    <tbody></tbody>
    <tr>
      <td>John Smith</td>
      <td>23</td>
    </tr>
  </table>
</div>

CSS

.myclass{
  border: 2px solid green;
  padding: 40px;
}

/*.myclass that has table should have padding 0 instead of 40px*/

table{
  border: 1px solid red;
  width: 100%;
  padding: 0;
}
table, th, td {
   border: 1px solid black;
}