JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box_1">
    
    <div style="border:1px solid blue; width: 50px; height:50px;float:left;"></div>
     <div style="border:1px solid blue; width: 50px; height:50px;float:left;"></div>
    <div style="border:1px solid blue; width: 50px; height:50px;float:left;"></div>
    <div style="border:1px solid blue; width: 50px; height:50px;float:left;"></div>
    <div style="border:1px solid blue; width: 50px; height:50px;float:left;"></div>
</div>

CSS

#box_1{
        border: 1px solid red;
        display: inline-block;
        
       }