JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width:100%">
    
      <tr>
       <td style="vertical-align:top;position:relative;width:50%;padding-bottom: 55px;">
        <div style="display:table">
           <div style="">coucou<br>Test</div>
        </div>
        <div style="position:absolute;bottom:0;left:0;right:0;height: 50px;">
            <div style="vertical-align: bottom; display: table-cell">
              Je voudrais cette div en bottom quelque soit la hauteur du TD
            </div>
        </div>
        </td>
        <td style="vertical-align:top;position:relative;width:50%;padding-bottom: 55px;">
        <div style="display:table">
          <div style="">
            coucou<br>coucou<br>coucou<br>coucou<br>coucou<br>coucou<br>coucou<br>
          </div>
        </div>
          <div style="position:absolute;bottom:0;left:0;right:0;height: 50px;">
            <div style="vertical-align: bottom; display: table-cell">
              Je voudrais cette div en bottom quelque soit la hauteur du TD
            </div>
          </div>
        </td>
      </tr>
    </table>

CSS

table {border :1px solid #000;}
tr,td{border :1px solid #000;}