JSFiddle - React, Tailwind, and code Playground

HTML

Numbers shall be floated, "anything other" not.<br/><br/>
CASE 1
<div>
    
    <div class="float">1</div>
    <div class="float">2</div>
</div>
<div>
    <div>anything other</div>
</div>
<br />
CASE 2
<div>
    
    <div class="float">1</div>
    <div class="float">2</div>
    <div>anything other</div>
</div>
<br />
CASE 3
<div>
    <div>anything other</div>
    <div class="float">1</div>
    <div class="float">2</div>
    <div>anything other</div>
    <div class="float">1</div>
    <div class="float">2</div>
    <div>anything other</div>
</div>

CSS

div {
    clear: both;
}

.float {
    float: left;
    clear: none !important;
}