JSFiddle - React, Tailwind, and code Playground

HTML

<header id="header-index">
            <div id="header-index-inner">
                <div id="inner-div">
                    
                        <h1>Header</h1>               
                        <h5>Subheader1 </h5>
                        <h5>Subheader2 </h5>
                    
                </div>
            </div>
        </header>

CSS

#header-index{    
    background-color: red;
    display: table;
    width: 100%;
}

#header-index-inner {   
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    height: 400px;
}

#inner-div{
  background-color:blue;
  width:100%;
}