JSFiddle - React, Tailwind, and code Playground

by आर्थर

HTML

<p><span id="e2">Никола́й Васи́льевич Го́голь</span><br />
    <span id="e1">Никола́й Васи́льевич Го́голь</span></p>
<div id="txt"></div>

CSS

#e2, #e1 {
    font-family: Arial;
    font-size: 22px;
}

JavaScript

$(document).ready(function(){
   
    $('#txt').text('Верхняя строка: ' + $('#e2').width() + 'px; Нижняя: ' + $('#e1').width() + 'px');                  
    
});