JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <span>
  sdjhfkahsdkjfadsfhk jaskjfsj fsldflkasjklsjflakj flksjfakljflksjflkasfjklasjflfd
  </span>
</div>

<div>
  <span>
  sdjhf
  </span>
</div>

CSS

div {
  display: flex;
  width: 100px;
  height: 50px;
  overflow: auto;
  word-break: break-word;
  border: 1px solid gray;
}

div span {
  margin: auto 0;
}