JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block red">hello</div>
<div class="block green">world</div>
<br/><br/>
<div class="ib red">hello</div>
<div class="ib green">world</div>
<br/><br/>
<div class="other red">hello</div>
<div class="other green">world</div>

CSS

.red { background-color: red;}
.green { background-color: green;}
.ib { display: inline-block;}
.block { display: block;}

.other { display: list-item;}