JSFiddle - React, Tailwind, and code Playground

HTML

<div class='chat'>
  <li class="other">
    <div class="msg">
      <span>cliente</span><p style='word-wrap: break-word;'>minhsdhasudhusahduashudhasuhduhsduhs</p><time>tempo</time>
    </div>
  </li>
</div>

word-wrap: break-word;

CSS

.msg {
    background: white;
    min-width: 50px;
    max-width: 200px;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.07);
}

.chat {
  
  width: 20%;
  
}

JavaScript

var client = 'oi';
var msg = 'msg';