JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container-fluid parameterContainer">
    <div class="row paramHead">
        <span class="virtAlignFix"></span>
        <div class="centerText">
          SPO2 (%)
         </div>
    </div>
    <div class="row paramValWrapper">
      <div class="row paramLimit">
        <span class="virtAlignFix"></span>
        <div class="centerText">
        200
        </div>
      </div> 
      <div class="row paramValue">
        <span class="virtAlignFix"></span>
        <div class="centerText">
        80
        </div>
      </div>
      <div class="row paramLimit">
        <span class="virtAlignFix"></span>
         <div class="centerText">
         40
         </div>
      </div>
    </div>
</div>

CSS

.virtAlignFix {
    line-height: 100%;
}

.parameterContainer {
    height: 100%;
    width: 100%;
}

.paramValWrapper {
    height: 70%;
    width: 100%;
}

.paramLimit {
    height: 20%;
    width: 100%;
    text-align:center
}

.paramHead {
    height: 30%;
    width: 100%;
    text-align:center
}

.paramValue {
    height: 80%;
    width: 100%;
    text-align:center
}

.centerText {
 vertical-align:middle; 
    display:inline-block;  
}