JSFiddle - React, Tailwind, and code Playground

HTML

<div class="quad">
     <p>This is content1</p>
</div>

<div class="quad">
     <p>This is content2</p>
</div>

<div class="quad">
     <p>This is content3</p>
</div>

<div class="quad">
     <p>This is content4</p>
</div>

CSS

.quad {
      width: 200px;
      height: 200px;
      float: left;
      background-color: #3366fa;
      border: 1px solid black;
      margin: 20px;
}