JSFiddle - React, Tailwind, and code Playground

by Tomek

HTML

<div class="center 400-width" id="position">
<div class="" id="header">
Header
</div>
<div class="" id="content">
Content
</div>
<div class="" id="footer">
Footer
</div>
</div>

<div class="center fourwidth" id="position">
<div class="" id="header">
Header
</div>
<div class="" id="content">
Content
</div>
<div class="" id="footer">
Footer
</div>
</div>

CSS

body{
	font-family: Century Gothic, sans-serif;
}
.\34 00-width{
	width:400px;
	background-color:blue;
	color:white;
}
.center{
	text-align:left;
    position:relative;
    left:auto;
    right:auto;
}