JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="blocks">
<div class="bloque">
    <p>hola</p>
</div>
<div class="bloque">
    <p>hola</p>
</div>
<div class="bloque">
  <p>hola</p>
</div>
<div class="bloque">
    <p>hola</p>
</div>
    </div>
</body>

CSS

.bloque
{background-color:red;
    border:1px solid black;
  width:25%;
  box-sizing:border-box;
    float:left;
}
p{
    text-align:center;
}