JSFiddle - React, Tailwind, and code Playground

HTML

<div class="zentriert">Zentriert :-)</div>
<div class="zentriert">Zentriert :-)</div>

CSS

html {
      height: 100%;
    }

    body {
      font: 200% sans-serif;
      background-color: #dddddd;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 100vh;
      margin: 0;
    }

    .zentriert {
      margin: auto;
      background-color: #227a7d;
      color: rgba(182, 236, 230, 0.93);
      padding: 1em;
      border: 1px solid #236b6e;
      border-radius: 4px;
    }