JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div1">Here we have div 1</div>
<div class="div2">Here we have div 2</div>

CSS

.div1 {
 width: 100px;
 float:left;
background:orange;
display:flex;
justify-content: center;
}

.div2 {
 width:30px;
 float: right;
background:red;
display:flex;
justify-content: center;
}