JSFiddle - React, Tailwind, and code Playground

by myrluk3

HTML

<table>
  <tbod>
    <tr>
      <td>
        Original text
      </td>
      <td>
        <input>
      </td>
      <td>

      </td>
      <td>
        <button class="add">+</button>
      </td>
    </tr>
    <tr>
      <td>
        User text
      </td>
      <td>
        <input>
      </td>
      <td>
        <input class="yellow" placeholder="Mandator">
      </td>
      <td>
        <button class="remove">-</button>
      </td>
    </tr>
    <tr>
      <td>
        User text
      </td>
      <td>
        <input>
      </td>
      <td>
        <input class="yellow" placeholder="Mandator">
      </td>
      <td>
        <button class="remove">-</button>
      </td>
    </tr>
  </tbod>
</table>

CSS

.yellow {
  background-color: lightyellow;
  border: 1px solid lightgrey;
  width: 70px;
}

button {
  width: 22px;
  height: 22px;
  font-weight: bold;
  color: white;
  border: 1px solid lightgrey;
}

.add {
  background-color: green;
}

.remove {
  background-color: red;
}