JSFiddle - React, Tailwind, and code Playground

by Brenton Strine

HTML

<div>Box</div>
<div>Box</div>
<div>Box</div>
<div>Box</div>
<div>Box</div>
<div>Box</div>
<div>Box</div>
<div>Box</div>
<div>Box</div>
<div>Box</div>
<div>Box</div>
<div>Box</div>
<span>Text</span>
<span>Text</span>
<span>Text</span>
<span>Text</span>
<span>Text</span>
<span>Text</span>
<span>Text</span>
<span>Text</span>
<span>Text</span>
<span>Text</span>
<span class="box">Text</span>
<span class="box">Text</span>
<span class="box">Text</span>
<span class="box">Text</span>
<span class="box">Text</span>
<span class="box">Text</span>

CSS

div  { border: solid 1px blue;  width: 30px; height: 30px;}
span { border: solid 1px green; width: 30px; height: 30px;} 
.box { border: solid 1px green; width: 30px; height: 30px; display: inline-block;}