JSFiddle - React, Tailwind, and code Playground

HTML

<table class='table_css'>
    <th>heading1</th>
    <th>heading2</th>
    <tr><td>row1</td><td>content</td></tr>
    
    
    <tr>
        <td>some heading</td> 
       <td>
<ul> 
  <li>some text which is very long</li>
  <li>some text which is very long some text which is very long</li>
  <li>some text which is very long some text which is very long some text which is very long</li>
 </ul>
        </td>
           </tr>    
</table>

CSS

ul{
    margin:0;
    
}

.table_css{
    border:1px solid;border-collapse: collapse;table-layout:fixed;
}