JSFiddle - React, Tailwind, and code Playground

by daneren2005

HTML

<svg width="200" height="20">
    <text x="0" y="7.573519535771122"><tspan style="font-size: 13.3333px; font-family: 'mystery quest'">"getting&nbsp;to&nbsp;program&nbsp;</tspan></text>
</svg>

<svg width="200" height="20">
    <text x="0" y="7.573519535771122"><tspan style="font-size: 13.3333px; font-family: 'mystery quest'">"getting&nbsp;to&nbsp;&nbsp;program</tspan></text>
</svg>

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Mystery+Quest">

JavaScript

alert($('text')[0].getBoundingClientRect().width + ' vs ' + $('text')[1].getBoundingClientRect().width);