JSFiddle - React, Tailwind, and code Playground

by grassog

HTML

<table style="width: 100%">
  <tr>
    <td class="labels"> some text here </td>
    <td> input field </td>
    <td class="labels"> some text here </td>
    <td> input field </td>
  </tr>
  <tr>
    <td class="labels"> text </td>
    <td> input field here </td>
    <td class="labels"> text here </td>
    <td> input field </td>
  </tr>
</table>

CSS

.labels {
  text-align: right;
  font-weight: bold;
  width:auto;
}
td {width:50%;   white-space: nowrap; border:1px solid red;}