JSFiddle - React, Tailwind, and code Playground

HTML

<h2><a href="http://www.tutorial-webdesign.com">Tutorial-webdesign.com</a></h2>

<div class="container">
	<div class="box">
		<b>Goooogle</b>
		<form action="">
			<input type="text" name="" id=""><br>
			<input type="submit" value="Search">
		</form>
	</div>
</div>

CSS

.container{
	width:400px;
	height:200px;
	padding:20px;
	background:yellow;
	background: yellow;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -120px;
	margin-left: -220px;
    
    display: table;
}

.box{  
	display: table-cell;
	text-align: center;
	vertical-align: middle;

	background:orange; 
	border:50px solid rgba(0,0,0,.2);
}