JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr style="display: table-row;">
        <td style="height: 24px; min-height: 24px; max-height: 24px; overflow: hidden;">
                <div class="ecl-grid-cell-inner ecl-border-box" style="overflow: hidden; position: relative; height: 24px; max-height: 24px;">TEXT<br>text<br>text<br>text<br>text<br>END_TEXT</div>
        </td>
        <td style="height: 24px; min-height: 24px; max-height: 24px; overflow: hidden;">
                <div class="ecl-grid-cell-inner ecl-border-box" style="overflow: hidden; position: relative; height: 24px; max-height: 24px;">TEXT<br>text<br>text<br>text<br>text<br>END_TEXT</div>
        </td>
        <td style="height: 24px; min-height: 24px; max-height: 24px; overflow: hidden;">
                <div class="ecl-grid-cell-inner ecl-border-box" style="overflow: hidden; position: relative; height: 24px; max-height: 24px;">TEXT<br>text<br>text<br>text<br>text<br>END_TEXT</div>
        </td>
        <td style="height: 24px; min-height: 24px; max-height: 24px; overflow: hidden;">
                <div class="ecl-grid-cell-inner ecl-border-box" style="overflow: hidden; position: relative; height: 24px; max-height: 24px;">
                         &nbsp;<button class="defaultButton ecl-border-box" data-submitbutton="false">TEXT<br>text<br>text<br>text<br>text<br>END_TEXT</button>
                </div>
        </td>
</tr>
</table>

CSS

td{
  border:1px solid #000;  
}