JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
      <div class="inner">
        Supercalifragilistic expialidocious
      </div>
    </div>

CSS

.outer {
      width: 200px;
      background-color: #ccc;
      text-align: center;
    }

    .inner {
      display: inline-block;
      border: 1px solid black;
    }