JSFiddle - React, Tailwind, and code Playground

by Matt_Coughlin

HTML

<div class="outer">
    <div class="inner inner1">This element is not floated</div>
</div>
<div class="outer">
    <div class="inner inner2">This element is floated</div>
</div>

CSS

.outer {
    margin-bottom: 20px;
}
.inner {
    height: 60px;
    width: 300px;
    display: table-cell;
    vertical-align: middle;
    background-color: #7ad;
}
.inner2 {
    float: left;
}