JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" id="container">
  <span id="paragraph-span">
  Lorem ipsum dolorr sit amet, consectetur adipisci elit, sed do eiusmod tempor
  </span>
</div>
 <p style="width: 104px;" id="correct">Lorem ipsum dolorr sit amet, consectetur adipisci elit, sed do eiusmod tempor</p>

CSS

.container {
  max-width: 123px;
  background-color: green;
  padding: 0;
  margin: 0;
  font-size: 16px;
  word-break: keep-all;
}

p {
  max-width: 123px;
  background-color: green;
  padding: 0;
  margin: 0;
  font-size: 16px;
  word-break: keep-all;
}

JavaScript

const container = document.getElementById('container');
const paragraphSpan = document.getElementById('paragraph-span');
container.style.width = paragraphSpan.offsetWidth + "px";