JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="page">
<div class="central">
<table >
<tr>
<td>name</td>
<td><input type="text" /></td>
</tr>
<tr>
<td>name</td>
<td><input type="text" /></td>
</tr>
<tr>
<td>name</td>
<td><input type="text" /></td>
</tr>
</table>
</div>
</div>
</body>

CSS

#page
{
    padding-top:1px;
	position: relative;
    margin:auto;
	margin-top:40px;
	margin-left:auto;
	background-color:#b3dced;
	height:900px;
	width:900px;
	border-radius:10px;
}
.central
{	position:relative;
	margin:auto;
	margin-top:80px;	
	background-color: blue;
	height:500px;
	width:500px; 
	border:2px solid green;
	border-radius:10px;
}