JSFiddle - React, Tailwind, and code Playground

by thundercracker

HTML

<div id="wrapper">
        <span class="left">Left</span>
        <span class="right">Right</span>
    </div>

CSS

#Wrapper { 
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0%;
    right: 0%;
    top: 10px;
    background: #ccc;
    height: 100%;
}


span.left {
    position: relative;
    left: -365px;
    top: 400px;
    z-index:1;
    background: #fc0;
}


span.right {
    position: relative;
    right: -74px;
    z-index:-1;
    background: #0cf;
}