JSFiddle - React, Tailwind, and code Playground

by taylorbuley

HTML

<div class="centered">123</div>
<div class="centered">456</div>
<div class="centered">789</div>

CSS

.centered {

    height:20%
    padding:20%;
    width:20%;
    
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;

display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;

display: box;
box-orient: horizontal;
box-pack: center;
    box-align: center;

}