JSFiddle - React, Tailwind, and code Playground

HTML

<div class="border">Text</div>

<div class="border inlineDiv">Text Text TextText Text TextText Text Text</div>
<div class="border">&nbsp;</div>
<div class="border">Text Text TextText Text TextText Text TextText Text TextText Text TextText Text TextText Text TextText Text TextText Text TextText Text TextText Text TextText Text TextText Text TextText Text Text</div>

<span class="border">Text</span>

<br/>

<span class="border">Text Text </span>

<br/>

<span class="border">Text Text TextText Text TextText Text Text</span>

CSS

.border{
 
   border: 1px solid red;
    height: 100%;
}

.inlineDiv{
 display: inline;   
    border: 1px solid blue !important;
}