JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<div>
  <table style="width:600px;">
    <tr>
      <td style="white-space:normal;width:120px;">INGRESOS DE ACTIVIDADES ORDINARIAS</td>
      <td style="white-space:normal;width:79px;">VENTA DE BIENES</td>
      <td id="td" style="width:235px;"></td>
      <td></td>
    </tr>
  </table>
</div>

<div id="result"></div>

CSS

table td{ color: white !important; line-height: 23.85px; }
td#td { background-color: green; color: green !important; }

JavaScript

var result='<b><u>JQuery 3.7.0</u></b><br>';

result+=`<b>&nbsp;&nbsp;td outer height:</b> ${$('#td').outerHeight()}<br>`;
result+=`<b>&nbsp;&nbsp;tr height:</b> ${$('#td').parent().height()}<br>`;

$('#result').html(result);