JSFiddle - React, Tailwind, and code Playground

HTML

<div class="own">
    <div class="in">
        <div class="q">1</div>
        <div class="w">2</div>
        <div class="e"><span>3</span></div>
        <div class="clear"></div>
    </div>
</div>

CSS

.own {
    position: relative;
    overflow: hidden;
    width: 150px;
}
.in div {
    height : 100px;
    top: 0;
    width : 100px;
}
.q {
    background: #167e7d;
    position: relative;
}
.w {
    background: #f7853d;
    left: 100px;
    position: absolute;
}