JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
hello
</div>
<div class="table">
hello
</div>
<div class="block">
hello
</div>
<hr/>
<div class="inline">hello</div>
<div class="inline">hello</div>
<div class="inline">hello</div>
<div class="inline">hello</div>
<div class="inline-table">hello</div>
<div class="inline-table">hello</div>
<div class="inline-table">hello</div>
<div class="inline">
hello
</div>
<div class="inline-table">hello</div>
<div class="inline">hello</div>
<div class="inline-table">hello</div>
<div class="inline">
hello
</div>
<div class="inline">hello</div>

CSS

.table {
  display: table;
  background: beige;
}
.block {
  display: block;
  background: peachpuff;
}
.inline {
  display: inline;
  background: orange;
}
.inline-table {
  display: inline-table;
  background: brown;
}