JSFiddle - React, Tailwind, and code Playground

HTML

<div id='data1'>
    aa
</div>
<div id='data2'>
    bb
</div>

CSS

#data1 {
    float:left;
    border: 1px dashed #000;
    width:20%;
}
#data2 {
    float:right;
    border: 1px dashed #000;
    position:relative; 
    width:79%;
}