JSFiddle - React, Tailwind, and code Playground

by Max Shu

HTML

<div class="column">
<svg 
     xmlns="http://www.w3.org/2000/svg" version="1.1">
  <g fill="#555" stroke="none" 
     font-weight="bold" font-size="45" font-family="sans-serif">
      <text class="number" x="0" y="40">1580<tspan font-size="50%" dx="3">%</tspan></text>
  </g>
</svg>
</div>

CSS

.column {width: 200px;}
svg {width: 100%; height: auto;}

JavaScript

// var textWidth = $('.number').getBBox().width;
console.log( $('.number').getBBox().width );