JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <div id="line1">123456789</div>
  <div id="line2">123</div>
</div>

CSS

#container {
  display: inline-block;
  width: 50px;
}

#line1 {
  background: lightblue;
  width: 50px;
  height: 18px;
  word-wrap: break-word;
  overflow: auto;
}

#line2 {
  background: orange;
  width: 50px;
  height: 18px;
  word-wrap: break-word;
  overflow: auto;
}