JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tbody>
    <tr>
        <td><b>Favorite Activities:</b></td>
      <td>some,readsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaally,really,long,long,string,with,out,any,spaces,just,a,comma,delimited,list</td>
    </tr>
  </tbody>
</table>

<div>some,readsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaally,really,long,long,string,with,out,any,spaces,just,a,comma,delimited,list</div>

CSS

table {
    
    border-collapse:collapse;
}

td:first-of-type {
    width: 150px;
}

div,
td:nth-of-type(2) {
    width: 150px;
    word-wrap: break-word;
    background: green;
    //display: table-cell;
}