JSFiddle - React, Tailwind, and code Playground

HTML

<div id="footer-wrap">
<div id="footer-content-wrap">
   <div id="footer-left"></div>
   <div id="footer-right"></div>
</div>
</div>

CSS

/* Footer */
#footer-wrap{
	width:auto;
	height:auto;
	background:#039;
  overflow: auto;
  padding: 1em;
}
#footer-content-wrap{
	width:960px;
	height:auto;
	background:red;
	margin:0 auto;
  overflow: auto;
  padding: 1em;
}
#footer-left{
  float:left;
	width:500px;
	height:200px;
	background:#CC3;
}
#footer-right{
  float: left;
	width:460px;
	height:200px;
	background:#96F;
}