JSFiddle - React, Tailwind, and code Playground

by austinfrance

HTML

<div id="a">
    <span></span>
</div>
<div id="b">
    <span>A text label</span>
</div>

CSS

#a, #b { 
    display: table;
    position: absolute;
    z-index: 1;
    background: blue; color: white; 
    box-sizing: border-box;
    overflow: hidden;
    line-height: normal;
}
#a span, #b span { 
    display: table-cell; 
    vertical-align: middle; 
    background: green; 
}
#a { width: 100px; height: 5px; top: 5px; }
#b { height: 20px; width: auto; top: 40px; }