JSFiddle - React, Tailwind, and code Playground

HTML

<table id="main">
	<tr id="top">
		<td id="odin" rowspan="3"></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td colspan="2"></td>
	</tr>
	<tr id="niz">
		<td id="seven"></td>
		<td></td>
	</tr>
</table>

CSS

table, td{
	border: 1px solid black;
	padding:0;
}
#main{
	width: 600px;
	height: 100px;
	margin:0 auto; /* таблица по центру*/
}
table{
	border-spacing: 0;
	border-collapse: collapse;
}
#niz{
	height: 20px;
}
#top{
	height: 20px;
}
#odin{
	width: 180px;
}
#seven{
	width: 210px;
}