JSFiddle - React, Tailwind, and code Playground

by CoolBuys1290

HTML

<div class="parent">
    <div class="child"></div>
</div>

CSS

.child {
    height: 57px;
    margin: 0 auto;
    width: 15%;
    background: #ddd;
}

JavaScript

$( function() {
    $('.parent').hide();
    var widthInteger = $('.child').width();
    var widthPercentage = $('.child').css('width');
    $('.parent').show();
    alert('Integer: ' + widthInteger + '. Percentage: ' + widthPercentage);
});