JSFiddle - React, Tailwind, and code Playground

by Ashish Kasama

HTML

<div class="si-box">
  <h3 class="header">Header Header Header Header Header Header Header Header Header</h3>
  <p class="content">Dynamic Content Dynamic Content Dynamic Content Dynamic Content</p>
</div>

CSS

.si-box {
  max-width: 300px;
  border: 1px solid #ddd;
  padding: 5px;
}

.si-box h3 {
  white-space: inherit;
}

.si-box p {
  white-space: wrap;
}