JSFiddle - React, Tailwind, and code Playground

HTML

<span id="wraps">long sentence, more stuff, I don't know what to type</span>
<pre><span id="container"><span id="wont_wrap">long sentence, more stuff, I don't know what to type</span></span>

CSS

#wraps {
  background-color: #fcc;
  border: 1px solid #000;
  width: 5em;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 16px;
  position: absolute;
}
#container {
  position: relative;
}
#wont_wrap {
  background-color: #ccf;
  border: 1px solid #000;
  width: 5em;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 200px;
}