JSFiddle - React, Tailwind, and code Playground

by creed88

HTML

<div>
<table>
    <tr>
        <th>
            title 1
        </th>
        <th>
            title 2
        </th>
    </tr>
    <tr>
        <td>
            <p>
                coucou couicuiosa csoasononin scansaoncoias nsacisacoin csanoisncoiasn coucou couicuiosa csoasononin scansaoncoias nsacisacoin csanoisncoiasn
            </p>
        </td>
        <td>coucou</td>
    </tr>
</table>
</div>

CSS

div {
    width: 100%;
}
table {
    width:100%;
}
td {

}
p {
    display:inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space:nowrap;
    width: 50%;
}