JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="sidebar">SIDEBAR</div>
    <div id="content">CONTENT</div>
</div>

CSS

#wrapper {
    	    width: 80%;
    	    background: #ccc;
    	    margin: 50 auto;
    	}
    	#sidebar {
    	    width: 300px;
    	    height: 200px;
    	    float: right;
    	    background: #fdd;
    	}
    	#content {
    	    margin: 30px;
    	    height: 300px;
    	    background: #dfd;
    	    opacity: .8;
    	}