JSFiddle - React, Tailwind, and code Playground

by Glynne Turner

HTML

<div class="quote_wrapper">
       <div class="quote_content">content</div> 
    </div>

CSS

*{margin:0;padding:0}
.quote_wrapper{  
     margin:0; 
     width:100%;
     height:100%; 
	 display:table;
   position:absolute;
 }

.quote_content{
	display:table-cell;
	vertical-align: middle;
	margin:auto;  
	position:relative;
  text-align:center
}