JSFiddle - React, Tailwind, and code Playground

HTML

<div>bla bla</div>
<br>
<div class="inline-block">display: inline-block</div>
<br>
<div class="inline">display: inline</div>
<br>
<div class="float">float: left</div>

CSS

div{
    margin-bottom: 5px;
    background: red;
}
.float{
    float: left;
}
.inline-block{
    display: inline-block;
}
.inline{
    display: inline;
}