JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width: 100%; height: 100px;">Centally aligned text by default</div>

CSS

div {
/* produced by chrome */
text-align: center;
color: buttontext;
border: 2px outset buttonface;
background-color: buttonface;
font: -webkit-small-control;
-webkit-appearance: button;  
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;

 /* Firefox */
display: -moz-box;
-moz-box-pack: center;
-moz-box-align: center;
    
/* IE */
display: -ms-box;
-ms-box-pack: center;
-ms-box-align: center;
    
/* Native CSS */
display: box;
box-pack: center;
box-align: center;
}