JSFiddle - React, Tailwind, and code Playground

HTML

<title>Untitled Document</title>

<body>
<div> <span>100</span> <span>This is the desc</span> </div>

CSS

div {
display:table-cell;
vertical-align:middle;
text-align:center;
height:200px;
width:300px;
margin:auto;
background:red;
border:1px solid #f00;
font-size: 40px;
    position:Relative;
}
span {
display:inline-block;
vertical-align:middle;
padding:0 10px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 50%;
    
}
span + span { 
  font-size:50%; 
  left: auto;
  right:0;
}