JSFiddle - React, Tailwind, and code Playground

HTML

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


<div id="main">
  <div id="leftcol">Left</div>
  <div id="midcol">Middle middle Middle middle Middle middle</div>
  <div id="rightcol">Right</div>
</div>


<div id="footer">
Footer
</div>

CSS

body {
	margin:10px;
}

#header {
	width:600px;
	background-color: #f0efee;
}


#main{
	width:600px;
}
#leftcol {
	background-color: #f0efee;
	float:left;
	margin: 10px 10px 10px 0;
	width:100px;
}
#midcol {
	background-color: #FFC;
	margin: 10px 10px 10px 0;
	float:left;
}
#rightcol {
	background-color: #FCF;
	float: left;
	margin: 10px 0 10px 0;
	width:100px;
}

#footer {
	width:600px;
	background-color: #f0efee;
	clear:both;
}