JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://zachleat.com/bigtext/bigtext.js"></script>
<div id="actual">
<div>ACTUAL</div>
</div>
<div id="time">
<div>TIME</div>
<div>02</div>
<div>MIN</div>
<div>37</div>
<div>SEC</div>
</div>
<div id="distance">
<div>DISTANCE</div>
<div>13.44</div>
<div>KM</div>
</div>
CSS
#time{
width: 100px;
float: left
}
#actual{
width: 200px;
}
#distance{
float: left;
width: 100px;
}
JavaScript
$('#distance').bigtext();
$('#time').bigtext();
$('#actual').bigtext();