JSFiddle - React, Tailwind, and code Playground

HTML

<style>
        *
        {
            margin: 0;
            padding: 0;
        }
        
        body
        {
            background: #5e8834;
        }
        
        table
        {
            background: #456326;
            border: 1px solid #547a2f;
            margin: 2em;
            width: 5em;
        }
        
        .should-cut-off 
        {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 70%;
        }
    </style>
    <table>
        <tr>
            <td class="should-cut-off">
                Test - test - test - Test - test - test - Test - test - test - Test - test - test
                - Test - test - test
            </td>
            <td style="width:15%;">
                <a href="#">[this is a link]</a>
            </td>
        </tr>
    </table>