JSFiddle - React, Tailwind, and code Playground

HTML

<div id="textbox">
  <p id="text">Here is some example text that is about the same amount as I really have here, but I don't want to reveal what.</p>
</div>

CSS

#textbox {
    left: 180px;
    top: 420px;
    height: auto;
    padding: 20px;
    display: inline-block;
    width: 240px;
    background-color: white;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

#text {
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-style: italic;
  font-size: 20px;
  word-wrap: break-word;
}