JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" style="background: green;width:100%">
  <div style="float: right">first item</div>
  <div style="float: left">second item</div>
    <div style="float: right">first item</div>
  <div style="float: left">second item</div>
    <div style="float: right">first item</div>
  <div style="float: left">second item</div>
</div>

CSS

.container div{
    width:50%;
}