JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:auto;margin:0px auto">
<div style="float:left;width:auto;padding:0 10px;margin:0 auto;background-color:#EEEEEE;">float:left;width:auto;padding:0 10px;margin:0 10px;background-color:#EEEEEE;</div>
<hr />
</div>

CSS

* {
	margin:0;
	padding:0;
	font-size:12px;
}
div {
	height:30px;
	line-height:30px;
    background-color:red;
}
hr {
	clear:both;
}
.header, .footer {
	height:50px;
	text-align:center;
	line-height:50px;
}