JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex">
    <div class="item">A</div>
    <div class="item">B</div>
</div>

CSS

.flex {
    background: green;
    display: flex;
    overflow:auto;
}

.flex .item:first-child {
    background: red;
    width: 200px;
    float:left;
}

.flex .item:last-child {
    background: yellow;
    width: 200px;
    float:right;
    margin-left:auto;
}