JSFiddle - React, Tailwind, and code Playground

by rgthree

HTML

<header>
    <span>This is text-aligned right</span>
    <div class="pos-left">This should be absolute left!</div>
</header>

CSS

header {position:relative; border:1px solid #F00; margin:10px; text-align:right; min-height:100px; padding-left:200px;}
header > span {}
header > .pos-left {position:absolute; left:10px; top:10px; width:180px; border:1px solid #0F0; background:rgba(200,255,200,0.9); z-index:1;}