JSFiddle - React, Tailwind, and code Playground

HTML

<div class="attributes" style="width:100%;display: inline-block;">
    <input class="attr_input" type="text" style="display:block;width: 100%;" name="attr_name" value="Size" maxlength="50" autocomplete="off" spellcheck="false">
    <table class="options_table">
    <thead>
       <tr>
          <th>Name</th>
          <th>Price</th>
          <th>Stock</th>
          <th>Type</th>
          <th>Delete</th>
       </tr>
    </thead>
    <tbody>
    <td><input class="attr_input" type="text" style="display:block;width: 100%;" name="opt_name" value="Small" maxlength="50" autocomplete="off" spellcheck="false"></td>
    <td><input class="attr_input" type="text" style="display:block;width: 100%;" name="opt_price" value="11" maxlength="12" autocomplete="off" spellcheck="false"></td>
    <td><input class="attr_input" type="text" style="display:block;width: 100%;" name="opt_stock" value="22" maxlength="6" autocomplete="off" spellcheck="false"></td>
    <tr>
    <td><input class="attr_input" type="text" style="display:block;width: 100%;" name="opt_name" value="Medium" maxlength="50" autocomplete="off" spellcheck="false"></td>
    <td><input class="attr_input" type="text" style="display:block;width: 100%;" name="opt_price" value="33" maxlength="12" autocomplete="off" spellcheck="false"></td>
    <td><input class="attr_input" type="text" style="display:block;width: 100%;" name="opt_stock" value="44" maxlength="6" autocomplete="off" spellcheck="false"></td>
    </tr>
    </tbody>
    </table>
    </div>
    
    <div class="attributes" style="width:100%;display: inline-block;">
    <input class="attr_input" type="text" style="display:block;width: 100%;" name="attr_name" value="Color" maxlength="50" autocomplete="off" spellcheck="false">
    <table class="options_table">
    <thead>
       <tr>
          <th>Name</th>
          <th>Price</th>
          <th>Stock</th>
          <th>Type</th>
          <th>Delete</th>
       </tr>
    </thead>
    <tbody>
    <td><input...