JSFiddle - React, Tailwind, and code Playground

by peterjc

HTML

<table><tr><td>Lorem ipsum and dim sum yeah yeah yeah. Lorem ipsum and dim sum yeah yeah yeah. Lorem ipsum and dim sum yeah yeah yeah. Lorem ipsum and dim sum yeah yeah yeah. Lorem ipsum and dim sum yeah yeah yeah.</td></tr></table>

CSS

table {
    table-layout: fixed;
    width: 100%;
}

td
{
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid red;
}