JSFiddle - React, Tailwind, and code Playground

by CSS_Apprentice

HTML

<body>
	<div id="header">My Header!</div>
	<div class="left">Content Left</div>
	<div class="right">Content Right!</div>
	<div id="footer">Footer Bar</div>
	</body>

CSS

div {
    border: 1px solid black;
    width: 100px;
    height: 100px;
}

#header {
    position: fixed;
    z-index: 1;
    width: 100%;
    margin: auto;
}

.left {
    float: left;
    width: 25%;
}

.right {
    float: right;
    width: 25%;
}

#footer {
    clear: both;
    width: 100%;
}