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:wrap;
}

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