JSFiddle - React, Tailwind, and code Playground

by tbbtester

HTML

<table class="table-translation">
  <thead>
    <tr>
      <th>System 1</th>
      <th>System 2</th>
    </tr>
  </thead>
  <tbody>

  </tbody>
</table>

CSS

.table-translation {  width:100%;}
.table-translation th {
  background:orange;
  width:47%;
  padding:0 3% 0 0;
  text-align:right;
}
.table-translation th:first-child {
  background:pink;

}