JSFiddle - React, Tailwind, and code Playground

by GruZZ

HTML

<div class="parent">
    <div class="wrapper">
        <div class="child child-1">Child 1</div>
        <div class="child child-2">Child 2</div>
        <div class="child absolute">Absolute</div>
    </div>
</div>

CSS

.parent {
    width: 200px;
    margin-top: 4em;
    position:relative;
}
.wrapper {
    position:static;
    padding: 1em;
    overflow: hidden;
    background: #ddd;
}

.child {
    padding: .5em;
    background: green
}

.child-1 {
    float: left
}

.child-2 {
    float: right
}

.absolute {
    position: absolute;
    top: -10px;
    left: -10px;
}