JSFiddle - React, Tailwind, and code Playground

HTML

<!--
Необходимо разместить элемент `.element` по вертикали по центру.
Допускается использование вспомогательных dom-элементов.
-->

<div class="container">
  <div class="element">
    Вертикальное выравнивание по центру
  </div>
</div>

CSS

html, body {
  width: 100%;
  height: 100%;
}

body {
  background: #fff;
  padding: 0;
  margin: 0;
}

.container {
  background: #f5f5f5;
  border: 1px solid #dddddd;
  padding: 10px 15px;

  height: 200px;
  width: 50%;
  margin: 20px auto;
}

.element {
  background: #e7f1f6;
  border: 1px solid #d0ebf8;
  padding: 10px 15px;
  text-align: center;
}


.container {
}
.element {
}