JSFiddle - React, Tailwind, and code Playground

by MrLister

HTML

<div class="outer">
  <div class="inner">
      <span>I want this long line to wrap on 170px</span>
  </div>
</div>

CSS

.outer {
  width: 100px;
  position: relative;
  height: 100px;
  background: gray;
}
.inner {
  position: absolute;
  width: 170px;
}
.inner span {
  display:inline-block;
  background: lightblue;
}