JSFiddle - React, Tailwind, and code Playground
HTML
<div align="center" style="padding: 10px;border: 2px;">
<div id="test" style="float: left; border: 0px solid #99ffff;"> <table cellpadding="2px" cellspacing="2px" style="border: 0px solid #ffffff; margin-right: 15px; margin-bottom: 4px;">
<tr>
<td>
<table cellpadding="0px" cellspacing="0px" style="margin-bottom: 5px;border-bottom:solid gray 2px; border-right:solid gray 2px;" height="20px" width="444px">
<tr>
<td colspan="2" style="border-right:solid gray 1px;">
<span style="float:left;font-family:Impact;font-weight:normal;font-size:22px;letter-spacing:1px;" class="til" data-title="MyData">
MyData</span>
<span style="float:right;vertical-align: middle;margin-top: 5px;padding-right: 2px;">Statistical View </span>
</td>
</tr>
<tr>
<td colspan="3" style="vertical-align: top;">
<div class="firstInnerDiv" style="border-left:solid white 1px;border-bottom:solid white 0px;">
<table class="firstInnerDivScroll" style="border-bottom:solid white 1px;border-left: solid white 0px;" border="1">
<tr><th width="75px" style="border-right:solid white 1px;text-align:center;"> SID </th>
<th width="100px" style="border-right:solid white 1px;text-align:center;"> SPREAD </th>
<th width="290px" style="border-right:solid white 1px;text-align:center;"> COMMENTS </th></tr>
<tr>
<td width="75px" style="border-bottom:solid white 1px;border-right:solid white 1px;background-color :#EAEFF7" align="center"> 1234</td>
<td width="100px" style="border-bottom:solid white 1px;border-right:solid white 1px;background-color :#EAEFF7" align="center"> 8888</td>
<td width="290px" style="border-bottom:solid white 1px;border-right:solid white 1px;background-color :#EAEFF7" align="center"> Test data</td>
</tr>
<tr>
<td width="75px" style="border-bottom:solid white 1px;border-right:solid white 1px;background-color :#EAEFF7"...
CSS
.firstInnerDiv {
width : 484px;
height: 150px;
overflow-y: scroll;
display: inline-block;
border: 1px inset #ffffff;
}