JSFiddle - React, Tailwind, and code Playground

by Gabriele Petrioli

HTML

<div class="container">
    <div class="child">child 1.1</div>
    <div class="child">child 1.2</div>
</div>
<div class="container">
    <div class="child">child 2.1</div>
     <div class="child">child 2.2</div>
</div>
<div class="container">
     <div class="child">child 3.1</div>
      <div class="child">child 3.2</div>
 </div>
<div class="container">
     <div class="child">child 4.1</div>
      <div class="child">child 4.2</div>
 </div>

CSS

body{width:360px;}
.container{display:inline;}
.container{outline:1px solid #faa;}
.child{margin-bottom:10px;display:inline-block;padding:5px;border:1px solid #aaf;}