JSFiddle - React, Tailwind, and code Playground

HTML

<div id="oben">
        <div class="links">Bild-Ersatz</div>
        <p class="rechts">
            Text im DIV oben <br/>
            Text im DIV oben <br/>
            Text im DIV oben
        </p>
   </div>
   <!--<div id="abstand" class="clear"></div>--->
   <div id="unten" class="clear">
        Das untere DIV
   </div>

CSS

#oben { background-color:yellow; min-height:100px;}
        #unten { height: 100px; background-color:grey; clear:right; margin-top:150px}
        .clear { clear:both; }
        .links { float: left; height:200px; width:150px; background-color:red }
        .rechts  { background-color:blue}