JSFiddle - React, Tailwind, and code Playground

HTML

<div id="abc">
	<div id="testmenu">
		This should remain 'fixed' bottom center.
	</div>
</div>

CSS

#abc {
	position:absolute; 
  bottom: 0;
	width:100%;
	left:0;
	text-align:center; /* IE 5.x centering */
}

#testmenu {
	line-height:2em;
	width:960px;
	color:#FFF;
	background:#00F;
  background:#C00;
	margin:0 auto;
}