JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div1">
        <div class="div2">
            <h3 class="sidetext">Post #NUM</h3>
        </div>
        <p>The main content (text) for this div is written here</p>
    </div>

CSS

.div1 {
      border: 1px solid #000;
      width: 100%;
      height: 400px;
      text-align: center;
      padding: 25px 0;
    }
    .div2 {
      background-color: black;
      display: inline-block;
      color: white;
    }
    p {
      display: inline-block;
    }