JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <iframe></iframe>
</div>

CSS

div {
    text-align: center;
    width: 100%;
    vertical-align: middle;
    height: 100%;
    display: table-cell;
}
.iframe{
  width: 200px;
}
div,
body,
html {
    height: 100%;
    width: 100%;
}
body{
    display: table;
    height:100%;
    width: 100%;
}