JSFiddle - React, Tailwind, and code Playground

HTML

<div class="float-container">
  <div class="float-content">
    fgdfgdfgdfg
  </div>
</div>

CSS

.float-container {
  display: flex;
  align-items: center;
  margin-top: 50px;
  height: calc(100vh - 100px);
}

.float-content {
    margin: auto;
    background: #eee;
    overflow:auto;
}