JSFiddle - React, Tailwind, and code Playground

HTML

<div class="TopMargin">
            <div class="xrLabel2"><span>xrLabel2</span></div>
            <div class="xrLabel1">xrLabel1</div>
            <div class="xrLabel5">xrLabel5</div>
        </div>

CSS

.TopMargin
{
position:absolute;
left:0px;
top:0px;
height:92px;
width:650px;
background-color:#808080;
color:#000000;
}

.xrLabel2
{
position:absolute;
left:225px;
top:17px;
height:67px;
width:99px;
background-color:#FFFFFF;
color:#000000;
text-align:center;
vertical-align:middle;
font-family:Times New Roman ;font-size:9.75pt;text-decoration:underline;
    display:table;
}

.xrLabel1
{
position:absolute;
left:367px;
top:8px;
height:75px;
width:99px;
background-color:#FFFFFF;
color:#000000;
text-align:right;
vertical-align:text-bottom;
font-family:Times New Roman ;font-size:9.75pt;text-decoration:underline;
}

.xrLabel5
{
position:absolute;
left:75px;
top:8px;
height:75px;
width:99px;
background-color:#FFFFFF;
color:#000000;
text-align:center;
vertical-align:text-top;
font-family:Times New Roman;font-size:9.75pt;
}
.xrLabel2 span{ display:table-cell; vertical-align:bottom; }