JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
<table >
    <tr  ><td id="opt"></td></tr>
    
</table>
</div>

CSS

*{margin: 0; paddind: 0;}
html, body{height:100%;}

#wrap{
	width: 100%;
	height: 50%;
    min-height:400px;
	background: #ccc;
    position: relative;
    text-align:center;
    padding-top:300px;
    -webkit-box-sizing border-box; /* Для Firefox */  
    -moz-box-sizing: border-box; /* Для Firefox */  
    box-sizing: border-box; /* Ширина блока с полями */
}
#opt{
	width: 300px;
    height:100px;
	background: red;
   margin-left:100px;
}