JSFiddle - React, Tailwind, and code Playground

by Glynne Turner

HTML

<div id="div1">
       <div id="div2">content</div> 
    </div>

CSS

#div1{ 
     top:0;
     left:0;
     right:0;
     bottom:0;
     margin:auto;
     position:fixed;
     width:595px;
     height:842px;
     background-color:green;
	 display:table;
 }

#div2{
	display:table-cell;
	vertical-align: middle;
	margin:auto; 
	background-color:red;
	position:relative;
}