JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div id="all">
            <div id="left">left</div>
            <div id="main">main</div>
            <div id="box">box</div>
			<div id="wall">wall</div>
        </div>
    </body>
</html>

CSS

#all{
            max-width:600px;
            margin:auto;
            overflow:hidden;
        }
        #left{
            width:200px;
            background:#fcf;
            float:left;
			padding:50px 0px;
        }
        #main{
            width:400px;
			background:#069;
            padding:50px 0px;
			float:right;
        }
        #box{
            width:200px;
            background:#cfc;
            float:left;
			padding:50px 0px;
        }
		#wall{
			clear:right;
            background:#ccf;
			padding:50px 0px;            
        }