JSFiddle - React, Tailwind, and code Playground

by Glynne Turner

HTML

<div id="div1">
       <div id="div2">
         <div id="div3">
           content
         </div>
       </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;
}
#div3{text-align:center; background-color:blue; width:50%; margin:auto}