JSFiddle - React, Tailwind, and code Playground

HTML

<div class="thing">
	<div class="not-centered">
		im not centeredi in ie11
	</div>
</div>

CSS

.thing {
	background-color: tomato;
	max-width: 300px;
	padding: 30px;
	display: flex;
	margin: 0 auto;
	flex-flow: column wrap;
}

.not-centered {
	max-width: 150px;
	background-color: #fefefe;
	margin: 0 auto;
}