JSFiddle - React, Tailwind, and code Playground

HTML

<div id='section1'>
    <div class='txt'>TEXT</div>
</div>
<div id='section2'>
    <div class='txt'>TEXT</div>
</div>

CSS

html {
    width: 100%;
    height: 100%;
}

div[id] {
    position: relative;
    height: 40vh;
    width: 100%;
}

#section1 {
    background-color: #99bbaa;
}

#section2 {    
    background-color: #99aacc;
}

.txt {
    position:absolute;
  height: 50px;
  width: 50px;
    line-height: 50px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin: auto;
}