JSFiddle - React, Tailwind, and code Playground

HTML

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

    <div id="content">
		<div id="left">Left</div>
		<div id="right">Right</div>
	</div>

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

CSS

#wrapper{width: 800px; height: 400px;}

#header{background-color: red; width: 800px; height: 100px;}
#left{float: left; background-color: yellow; width: 200px; height: 200px;}
#right{float: left; background-color: orange; width: 600px; height: 200px;}
#footer{clear: both; background-color: blue; width: 800px; height: 100px;}