JSFiddle - React, Tailwind, and code Playground

by bradleytrager

HTML

<div class="wrapper">
    <div class="flex-text clearfix">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</div>
</div>
<div class="wrapper ">
    <div class="flex-text clearfix">Lorem ipsum dolor sit amet.</div>
</div>
<div class="wrapper ">
    <div class="flex-text clearfix">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
</div>

CSS

.wrapper {
    min-width: 200px;
    max-width: 400px;
}
.flex-text {
    background: #def;
    float:left;
    
    /*Just for demo*/
    margin-bottom:20px;
}

.clearfix:after {
    display: block;
    font-size: 0;
    content:" ";
    clear: both;
    height: 0;
    
    /*Just for demo*/
    width:200px;
    border-top:4px solid black;
}