JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
    <div class="test0">

    </div>
    <div class="test1">
    test
    </div>
    <div class="test2">
    test2
    </div>   
</div>

CSS

#box {
    display: flex;
    justify-content: space-between;
    
    background:#000;
    color:#fff;
    height: 100px;
    cursor:pointer;
}
.test0{
  
}
.test1{
}
.test2{
}