JSFiddle - React, Tailwind, and code Playground

by Alexander

HTML

<div class="a">
    <div class="b">111 11 111 111 11 11</div>
    <div class="b">22 2 2 2 2 2</div>
    <div class="b">33 3 3 3 3 333 3 3 3 3</div>
    <div class="b">4 4 44</div>
    <div class="b">55 5 55 5 5 5 55 5 5 55 5 </div>
    <div class="b">6 6 6</div>
    <div class="b">7 77 7 7 77</div>
    <div class="b">88 88 8 8 8</div>
</div>

CSS

.a {
    border: 1px solid #f00;
    width: 200px;
}

.b {
    border: 1px solid #6699cc;
    width: 50px;
    float: left;
    display: inline;
}