JSFiddle - React, Tailwind, and code Playground

by John Wick

HTML

<div>
  <span>stuff</span>
  <span>more stuff</span>
  <span>even more stuff</span>
 <span>stuff</span>
  <span>more stuff</span>
  <span>even more stuff</span>
 <span>stuff</span>
  <span>more stuff</span>
  <span>even more stuff</span>
 <span>stuff</span>
  <span>more stuff</span>
  <span>even more stuff</span>
 <span>stuff</span>
  <span>more stuff</span>
  <span>even more stuff</span>
 <span>stuff</span>
  <span>more stuff</span>
  <span>even more stuff</span>
 <span>stuff</span>
  <span>more stuff</span>
  <span>even more stuff</span>
 <span>stuff</span>
  <span>more stuff</span>
  <span>even more stuff</span>
 <span>stuff</span>
  <span>more stuff</span>
  <span>even more stuff</span>
 <span>stuff</span>
  <span>more stuff</span>
  <span>even more stuff</span>

</div>

CSS

span {
  margin: 2px;
  border: 1px dotted #cccccc;
  padding: 4px 10px 4px 10px; 
  line-height: 1.8;
  word-wrap; normal;
  display: inline-block;    
}
div {
  padding: 5px;
  margin: 5px;
  border: 1px solid #cccccc;
  width: 400px;
  word-wrap: break-word;
}