JSFiddle - React, Tailwind, and code Playground

HTML

<table class='table_css'>
    <tr>
        <th>heading1</th>
        <th>heading2</th>
    </tr>
    <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;
    padding: 0;
    list-style-position: inside;
}
li {
    padding: 0;
}
.table_css {
    border:1px solid;
    border-collapse: collapse;
    table-layout:fixed;
}
th {
    text-align: left;
}