JSFiddle - React, Tailwind, and code Playground

by drvy

HTML

<body>
   <div class="wrap">
      <div class="contenido">
         <h1>Este es mi contenido</h1>
      </div>
   </div>
</body>

CSS

html,body {margin:0; padding:0;}
   .wrap {
      top:50%; left:50%; position:absolute;
      /* Maximo width 80%. Se le resta la mitad para centrar. */
      width:80%; margin-left:-40%;
      background:#CCC;
   }
   .wrap h1 {padding:0; margin:0; text-align:center;}