JSFiddle - React, Tailwind, and code Playground

by joplomacedo

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>

CSS

table {
    table-layout: fixed;
    border-collapse:collapse;
    width: 50%;
}

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

div,
td:nth-of-type(2) {
    width: 150px;
    word-wrap: break-word;
}