JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="container">
    <li class="box box1">1</li>
    <li class="box box2">2</li>
    <li class="box box3">3</li>
</ul>
<ul class="container">
    <li class="box box1">1</li>
    <li class="box box2">2</li>
    <li class="box box3">3</li>
</ul>

CSS

.container {
    height: 205px;
    width: 400px;
    border: 1px solid black;
}
.box {
    width: 100px;
    height: 100px;
    background-color:yellow;
    border: 1px solid red;
    color: black;
    float: left;
}
.box2 {
}

.box3 {}