JSFiddle - React, Tailwind, and code Playground

by ExplosionPIlls

HTML

<div id="base">
    <div id="corner">
        <!--stuff inside corner-->
    </div>
    <!--other stuff inside base-->
</div>
<br><br>
<div id="base-bottom">
    <div id="corner-bottom">
        <!--stuff inside corner-->
    </div>
    <!--other stuff inside base-->
</div>

CSS

#base {width: 100px; height: 100px;
    background-color: green;
}
#corner {float: right; width: 40px; height: 40px; margin: 0 0 15px 15px;
    background-color: red;
}
#base-bottom {width: 100px; height: 100px;
    background-color: green;
    position: relative;
}
#corner-bottom {width: 40px; height: 40px; margin: 0 0 0 15px;
    background-color: red;
    position: absolute;
    bottom: 0;
    right: 0;