JSFiddle - React, Tailwind, and code Playground

by daneren2005

HTML

<div class="free outer" style="">Test</div>
<div class="free outer" style="left: 75px; top: 75px;"><div class="free inner">Test</div></div>

<div class="free outer rotated" style="">Test</div>
<div class="free outer rotated" style="left: 165px; top: 75px;"><div class="free inner">Test</div></div>

CSS

.free {
    position: absolute;
}

.free.outer {
    left: 90px;
    top: 90px;
}

.free.outer.rotated {
    transform: rotate(20deg);
    left: 180px;
    top: 90px;
}

.free.inner {
    left: 15px;
    top: 15px;
}