JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="div1">div 1</div>
    <div id="div2">div 2</div>
</div>

<div id="footer">this is a footer</div>

CSS

#wrapper {
    background: blue;
    position: relative;
    width: 150px;
    overflow: auto;
}
#div1 {
    float:left;
    display:inline;
    padding:20px;
}
#div2 {
    float:right;
    display:inline;
    padding:20px;
}