JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inline-block">Width is based on content</div>

<hr />

<div class="float">And the same here</div>

CSS

div {
    background: #ccc
}
.inline-block {
    display: inline-block
}
.float {
    float: left
}