JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="outer">
<div class="left">
<div id="lh">
Content here -------------------------------------------------------------------------------------------------------------------------------------------------------------------
</div>
</div>
<div class="right">
<div id="rh">
<table>
<tr>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
<th>test</th>
</tr>
<tr>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
<td>test1</td>
...
CSS
body{
}
#outer {
margin: 50px;
position:relative;
}
.left {
float:left;
padding:10px;
}
.right {
float:left;
padding:10px;
}
#rh {
overflow:scroll;
}