JSFiddle - React, Tailwind, and code Playground

HTML

<div style="background: blue;" class="clearfix">
    <div style="float: left;">
    
        <div class="content">Big content</div>

    </div>
</div>

CSS

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.content {width: 200px; height: 200px;}