JSFiddle - React, Tailwind, and code Playground

by sanman

HTML

<div id="header">Header</div>
<div id="content1"><div id="content2"></div></div>

CSS

body{
	margin:0px auto;
	color:#FFF;
}
#header{
	background-color:#006666;
	width:100%;
	height:50px;
	position:fixed;
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:50px;
	display:block;
	z-index:10;
}
#content1{
	width:70%;
	height:1200px;
	margin:0px auto;
	background-color:#FFFF66;
	position:relative;
	top:50px;
	z-index:9;
	
}
#content2{
	width:50px;
	height:250px;
	margin:0px auto;
	background-color:#F60;
	postition:absolute;
	left:50px;
	top:50px;
}