JSFiddle - React, Tailwind, and code Playground

HTML

<div class="shape">
   <div class="shape__inner">
      <span style="font-size:72px;">7</span>
      <span style="font-size:18px;">minutes to Applecross High School</span>
   </div>
</div>

CSS

.shape{
  width:200px;
  height:250px;
  color:#4F5E73;
  margin:20px auto;
  background-color:rgb(236, 236, 236);
  text-align:center;
}

.shape__inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.shape__inner > span {
  display: block;
}