JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="child child-1">Child 1</div>
    <div class="child child-2">Child 2</div>
</div>

CSS

.parent {
    overflow: hidden;
    width: 200px;
    padding: 1em;
    background: #ddd;
}

.child {
    padding: .5em;
    background: green
}

.child-1 {
    float: left
}

.child-2 {
    float: right
}