JSFiddle - React, Tailwind, and code Playground
HTML
<div id="element1">
element 1 markup
</div>
<div id="element2">
element 2 markup
</div>
CSS
#element1 {float:left;}
#element2 {padding-left : 20px;float:left;}
<div id="element1">
element 1 markup
</div>
<div id="element2">
element 2 markup
</div>
#element1 {float:left;}
#element2 {padding-left : 20px;float:left;}