JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:100%">
    <table>
        <tr>
            <td>
                <div id="firsttd">
                     This is the td I am talking about. <!--This is the td I am talking about. This is the td I am talking about.-->
                </div>
            </td>
            <td style="width:10%">
                <div>
                    the other td
                </div>
            </td>
        </tr>
    </table>
</div>

CSS

td {
    border: 1px solid black;
}

#firsttd {
    white-space: nowrap;
    /* width:90px;
    overflow:hidden; */
}