JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td>title1</td>
    <td>content1content1content1content1content1content1content1content1</td>
  </tr>
  <tr>
    <td>title2</td>
    <td>content2</td>
  </tr>
  <tr>
    <td>title3</td>
    <td>content3</td>
  </tr>
  <tr>
    <td>title4</td>
    <td>content4</td>
  </tr>
</table>

CSS

td{
  vertical-align:text-top;
  word-break: break-all;
  vertical-align:text-top;
}
tr > td:nth-child(1) {
  text-align:right;
}

tr > td:nth-child(2) {
  text-align:left;
  max-width: 150px;
}