JSFiddle - React, Tailwind, and code Playground

by Alarr

HTML

<div class="table">
        <div class="cell">
          <span class="content">Я по центру</span>
        </div>
        <div class="cell">
          <span class="content">Я тоже</span>
        </div>
  </div>

CSS

html, body {
          margin: 0;
          padding: 0;
          height: 100%;
        }

        .table {
          display: table;
          height: 100%;
          width: 100%;
        }

        .cell {
          background: pink;
          display: table-cell;
          width: 50%;
          text-align: center;
          vertical-align: middle;
        }

        .cell + .cell {
          background: lightblue;
        }