JSFiddle - React, Tailwind, and code Playground

by papay88

HTML

<table class="col" border="1">
        <tr>
        <td>111</td>
        <td>111</td>
            <td><div>1111111111111111111111</div></td>
        </tr>
        <tr>
        <td>222</td>
        <td>222</td>
        <td>222</td>
        </tr>
</table>

CSS

.col td{
    background: #f0f0f0; /* Цвет фона */
    width:200px;
    padding: 10px; /* Поля */
    font-size: 1.5em; /* Размер шрифта */
}
.col td div{
    word-wrap: break-word;
    width: 200px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}