JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="left"></div>
<div  class="content"></div>
<div class="right"></div>
<div class="clearer"></div>
    </div>

CSS

.container {
background-image: tile.png;
background-repeat: repeat-y;
width: 900px;
margin-left: auto;
margin-right: auto;
}
.leftsidebar {
float: left;
width: 200px;
}
.content {
float: left;
width: 400px;
}
.right {
float:left;
width: 300px;
}
.clearer {
clear: both;
}