JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
     .iecrap  .iecrap  .iecrap  .iecrap  .iecrap  .iecrap  .iecrap  .iecrap  .iecrap  .iecrap 
</div>

 <div class="box">
     <span>.workaround</span>  <span>.workaround</span>  <span>.workaround</span>  
     <span>.workaround</span>  <span>.workaround</span>  <span>.workaround</span>  
     <span>.workaround</span> 
</div>

CSS

.box {
    display:block;
    margin:1rem;
    padding:1rem;     
    width:30%;
    border:1px solid silver;
}
.box > * {
    display:inline-block;
}