JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <table>
    <tr><td>a</td></tr>
    <tr><td>b</td></tr>
    <tr><td>c</td></tr>
    <tr><td>d</td></tr>
  </table>
</div>

CSS

div{
    display: inline-block;
    width: 120px;
    background: blue;
    overflow: scroll;

  }
  table{
    table-layout: fixed;
    top: 0;
    background: red;
    margin-bottom: 20px; /* working */
     margin-right: 20px;
    width: 100px;
  }
  td{
    min-width: 100px;
    max-width: 100px;
  }