JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inline">Inline</div>
<div class="inline-block">Inline-Block</div>
<div class="block">Block</div>
<div class="float">Float</div>

CSS

.inline{
    display:inline;   
}
.inline-block{
    display:inline-block;   
}
.block{
    display:block;   
}
.float{
    float:left;   
}
div{
    background-color:blue;
    color:white;
    height:100px;
    width:200px;
    padding:10px;
    margin:10px; 
}