JSFiddle - React, Tailwind, and code Playground

HTML

<span id="txt">Lor</span>
<div id="card"></div>

CSS

#card { 
    width: 150px; 
    height: 50px;
    border: 1px solid black 
}

#txt {
    display: none
}

JavaScript

$('#card').css('font-size', 150/$('#txt').width() + 'em');
$('#card').text($('#txt').text());