JSFiddle - React, Tailwind, and code Playground
by Ajey
HTML
<table border="1" cellspacing="0" cellpadding="1" width="100%">
<colgroup>
<col span="1" style="width:5%">
<col span="1" style="width:70%">
<col span="1" style="width:25%">
</colgroup>
<tr>
<td colspan="2">
<div style="width:100%; box-shadow: 1px 1px 1px #cfcfcf; border-radius:10px; color:black; border:1px solid #e5e5e5; min-height: 100px;">Sample Text 1</div>
</td>
<td rowspan="5" style="vertical-align: top;">
<section class="loginform" style="overflow-y: auto;">
<fieldset style="border-radius: 5px; padding: 5px;height: 450px; border: solid 1px red;">
<legend>Template</legend>
<ul style="padding: 10px;">
<li>one</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>one</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>one</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>one</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>one</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>
</fieldset>
</section>
</td>
</tr>
...