JSFiddle - React, Tailwind, and code Playground

HTML

<div class="one">Nuber One</div>

<div class="two">Nuber Two</div>

CSS

.one, .two {
    color: gray;
    text-align: center;
    line-height: 10;
    display: inline-block;
}
.one {
    background-color: #00FFFF;
    height: 200px;
    width: 200px;
    margin: 15px;
    border: 1px solid #ccc;
}
.two {
    background-color: #FF00FF;
    height: 100px;
    width: 100px;
    padding: 50px;
}

JavaScript

/*var oneA = $('.one').width();
var oneB = $('.one').outerWidth( );
var oneC = $('.one').innerWidth( );

var twoA = $('.two').width()
var twoB = $('.two').outerWidth( );
var twoC = $('.two').innerWidth( );

$('.one').text(oneA + ' ' + oneB + ' ' + oneC);
$('.two').text(twoA + ' ' + twoB + ' ' + twoC);*/