JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
        <!-- Content left -->
        <div class="content-left"></div>
        <!-- Content center -->
        <div class="content-center">

        </div>
        <!-- Content right -->
        <div class="content-right"></div>
    </div>

CSS

.content{
width: 1200px;
min-height: 100px;
height: auto;
margin: 80px auto 0px auto;
background-color: black;
padding: 10px 10px; overflow:auto}

.content-center{
width : 800px;
height : 900px;
border-left: 1px solid;
border-right: 1px solid;
border-color: #999999;
box-shadow: 0px -3px 5px rgba(0,0,2,2);
-moz-box-shadow: 0px -3px 5px rgba(0,0,2,2);
-webkit-box-shadow: 0px -3px 5px rgba(0,0,2,2);
-khtml-box-shadow: 0px -3px 5px rgba(0,0,2,2);
float: left;
background-color: #ffffff;}

.content-left{
width: 190px;
height: 300px;
float: left;
background-color: #ffffff;}

.content-right{
height: 300px;
width: 190px;
float: left;
background-color: #ffffff;}