JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
  <p><strong>Title</strong></p>
  <p>A long explanation about what's going on and all that.</p>
  <p><a href="#">A link</a></p>
</body>
</html>

CSS

html,body {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
    }
    
    html {
      display: table;
    }
    
    body {
      display: table-cell;
      vertical-align: middle;
      padding: 20px;
      text-align: center;
      -webkit-text-size-adjust: none;
    }