JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div class="container clearfix">
    <div class="ch1">text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br></div>
    <div class="ch1">text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br></div>
</div>

CSS

html, body{
    margin:0;
    width:100%;
    height:100%;
}
.container{
    background:#ccc;
}
.clearfix, .clearfix:before, .clearfix:after{
    clear:both;
}
.clearfix:before, .clearfix:after{
    content:"";
    display:table;
}
.ch1{
    float:left;
    background:#cf0;
}
.ch1:last-child{
    margin-left:400px;
     background:#0cf;
}