JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
    <div id="inner">
        <div id="txt">
           HELLO
        </div>
    </div>
</div>

SCSS

body {
    margin:0;
}

#outer {
    /* status bar */
    background-color:#f00;
    height:20px;
}

#inner {
    float:right;
    background-color: teal;
}
#txt {
    width:100%;
    padding-right:100px;
}