JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="item">1</div>
    <div>1</div>
  <div>2</div>
  <div>3</div> 
</div>

CSS

.wrapper { width: 400px; height: 400px; border: 1px solid #000; }

.item { float: left; width: 100px; height: 100px; margin: 10px; background: #eee; }