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;
}
#wrapper:after {
    content: '';
    clear: both;
    display: table;
}
#div1 {
    float:left;
    display:inline;
    padding:20px;
}
#div2 {
    float:right;
    display:inline;
    padding:20px;
}