JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    <div class="badge"></div>
</div>

<div class="block">
    <div class="badge"></div>
</div>

<div class="block">
    <div class="badge"></div>
</div>

<div class="block">
    <div class="badge"></div>
</div>

CSS

body {
/*     margin:0;
       padding:0;
*/
    background-color: #333;
}
.block {
    float: left;
    width: 100px;
    height: 100px;
    background-color: #fff;
    margin: 10px;
}