JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "container">
    <div class = "wrapper">
        <div>Layer 1</div>
        <div>Layer 2</div>
        <div>Layer 3</div>
    </div>
</div>

CSS

.container{
    background: #ccc;
    overflow: hidden;
}

.wrapper{
    width: 300px;
    margin: 0 auto;
}

.wrapper div{
    float: left;
    width: 100px;  
    text-align: center;
    background: #0a0;
}