JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <div style="float: left">Content</div>
    <div style="float: left">Content</div>
</div>

CSS

div {
    background-color: yellow;
}
div > div {
    background-color: green;
}

#parent::after {
    content: "";
    display: table;
    clear: both;
}