JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td class="ename1"> qksdjlqjsdkqsd qksdjlkqsjdklqsjd qsdkjqslkdjkqsjdklqsjd sdkqsjdkqsjdkqjsdkqd qdlkjqsdkjqskdjkqlsjdkqs qsdkjqskdj </td></tr>
<tr><td class="ename2"> qksdjlqjsdkqsd qksdjlkqsjdklqsjd qsdkjqslkdjkqsjdklqsjd sdkqsjdkqsjdkqjsdkqd qdlkjqsdkjqskdjkqlsjdkqs qsdkjqskdj </td></tr>
</table>

CSS

td.ename1 {
    width:400px;
    height: 20px;
    overflow:hidden;
    padding:0 5px 0 5px;
    color:#EE3129;
    line-height:25px;
    text-transform:uppercase;
}

 td.ename2 {
    width:400px;
    white-space: nowrap;
    overflow:hidden;
    padding:0 5px 0 5px;
    color:#EE3129;
    line-height:25px;
    text-transform:uppercase;
}