JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text">BREAK TIME</div>
<p class="text">BREAK TIME</p>

<div class="textNew">BREAK TIME</div>
<p class="textNew">BREAK TIME</p>

CSS

.text {
  border: 1px solid black;
  width: 0.85em;
  word-break: break-all;
  white-space: pre-wrap;
  font-size: 9px;
}

.textNew {
  border: 1px solid black;
  width: 2.4%;
  word-break: break-all;
 font-size: 16px;
  white-space: pre-wrap;
}