JSFiddle - React, Tailwind, and code Playground
HTML
<div style=' display: inline-block; border-style: solid; border-color: grey; border-width: 2px; border-radius: 4px; padding: 10px;'>
<div style='background-color: rgb(245,245,245); display: inline-block;'>
<div style='background-color:blue; width: 150px; display: inline-block; float:left;'><span style='color: white;'>a altura desta div tem que ser até o final da ultima tabela</span></div>
<div style="float:left;">
<table border='1' style='background-color: red;'>
<tr>
<td>ola</td>
<td>teste</td>
</tr>
</table>
</div>
</div>
</div>
<br><br>
<div style=' display: inline-block; border-style: solid; border-color: grey; border-width: 2px; border-radius: 4px; padding: 10px;'>
<div style='background-color: rgb(245,245,245); display: inline-block;'>
<div style='background-color:blue; width: 150px; display: inline-block; float:left;'><span style='color: white;'>a altura desta div tem que ser até o final da ultima tabela</span></div>
<div style="float:left;">
<table border='1' style='background-color: red;'>
<tr>
<td>ola</td>
<td>teste</td>
</tr>
</table>
</div>
<div style="float:left;">
<table border='1' style='background-color: red;'>
<tr>
<td>ola</td>
<td>teste</td>
</tr>
</table>
</div>
<div style="float:left;">
<table border='1' style='background-color: red;'>
<tr>
<td>ola</td>
<td>teste</td>
</tr>
</table>
</div>
<div style="float:left;">
<table border='1' style='background-color: red;'>
<tr>
<td>ola</td>
<td>teste</td>
</tr>
</table>
</div>
<div style="float:left;">
<table border='1' style='background-color: red;'>
...