JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
	<table>
		<div class="c_li">
			<tr>
                <td><img src="images/icons/inbox.png" /></td>
				<td><a href="index.php?page=Nachrichten&ac=Inbox">Posteingang</a></td>
			</tr>
		</div>
		<div class="c_li">
			<tr>
                <td><img src="images/icons/outbox.png" /></td>
				<td>Postausgang</td>
			</tr>
		</div>
		<div class="c_li">
			<tr>
                <td><img src="images/icons/bin.png" /></td>
				<td>Papierkorb</td>
			</tr>
		</div>	
	</table>
</div>
<div id="mail_inner">

</div>

CSS

#container {
	margin: 1em;
	border: 1px solid black;
	width: 210px;
	padding: 5px;
	font-size: 16px;
    float: left;
}
#container td {
	padding-left: 5px;
}
#mail_inner {
	z-index: 99;
	position: relative;
	margin-right: 5px;
	border: 1px solid black;
	height: 500px;
	width: 350px;
    float: left;
}