JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="left">
        Hi hi
    </div>
    <div class="right">
        right
    </div>
</div>

CSS

.wrap {
    width:100%;    
}

.left {
    display:inline-block;
    border: 2px solid;
    margin-right:110px;
    
}

.right {
    width:100px;
    float:right;
    border: 2px solid red;
}