JSFiddle - React, Tailwind, and code Playground

by Mihai_T

HTML

<div class="home-container">
            <div class="home-row">
                <div class="some-other-class">
                    <p>text that should be in the middle</p>
                </div>
            </div>
        </div>

CSS

html, body{
    height:100%;
}



.home-row{
    vertical-align: middle;
    display:table-cell;
}

.home-container{
    width: 100%;
    height: 100%;
  
    background-color: rgba(139,0,0,0.4);
   display:table;

}