JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="header"></div>
		<div id="outer">
			<div id="inner">
				<div id="left">left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br>left<br></div>
				<div id="center">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</div>
				<div id="clear"></div>
			</div>
		</div>
    <div id="footer"></div>
</div>

CSS

#container {
	width: 900px;
	padding: 10px;
	margin: auto;
	background: #fff;
}

#header {
	height: 100px;
	background: #cff;
}

#footer {
	height: 100px;
	background: #fcf;
}

#outer {
	margin: 0;
	background: url(http://savepic.su/3867983.png);
}

#inner {
	background: url(http://savepic.su/3884364.png) repeat-y;
}

#left {
	float: left;
	width: 200px;
}

#center {
	margin-left: 210px;
}

#clear {
	clear: both;
}