JSFiddle - React, Tailwind, and code Playground

by ScottRippey

HTML

<div class="outer">
<div class="inner">
    lorem ipsum
</div>
</div>

CSS

body { margin: 40px; }
.outer {
    --display: inline-block;
    background: rgba(255,0,0,0.5);
}
.inner {
    display: block;
    background: rgba(0,0,255,0.5);
    
    margin: -10px;
    padding: 10px;
}