JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width: 100%" cellpadding="10" cellspacing="0">
	<tr>
		<td class="sidebar">
		<ul>
		<li>item</li>
		<li>item</li>
		<li>item</li>
		<li>item</li>
		</ul>
		</td>
		<td class="content">
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		content <br />
		
		</td>
		<td class="sidebar">&nbsp;
			<ul>
		<li>item</li>
		<li>item</li>
		<li>item</li>
		<li>item</li>
		</ul>
		<ul>
		<li>item</li>
		<li>item</li>
		<li>item</li>
		<li>item</li>
		</ul></td>
</tr>
</table>

CSS

.sidebar {
width:25%;
vertical-align:top;
    
background:#00FF00
}
.content {
	vertical-align:top;
    
	background:#CC0000
}