JSFiddle - React, Tailwind, and code Playground

by Takeru Suzuki

HTML

<p>Text</p>

<div class="outer clearfix">
    <p>Text</p>
    <div class="inner">Float</div>
    <div class="inner">Float</div>
</div>

<p>Text</p>

CSS

.outer {
    background: silver;
}

.inner {
    float: left;
    background: yellow;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}