JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div class="wrap">
    <span class="in"></span>
</div>

<div class="wrap t">
    <span class="in"></span>
</div>

CSS

*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.wrap {border:5px solid red; background:firebrick; height:30px; position: relative; margin:0 0 10px;}
.in {position: absolute; top:0; left:0; background:white; height:10px; width:10px; display: inline-block;}

.t {display: table; width: 100%;}