JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
Baguette 🥖 (block)
</div>
<div class="outer">
No baguette (block)
</div>
<br><br>
<div class="outer inline">
Baguette 🥖 (inline)
</div>
<br>
<div class="outer inline">
No baguette (inline)
</div>

CSS

.outer {
  border: 1px dotted red;
}
.inline {
  display: inline;
}