JSFiddle - React, Tailwind, and code Playground

HTML

<div id="someDiv">Some Div</div>
<div id="otherDiv">Other Div</div>
<div id="lastDiv" style="left: 33%;">Last Div</div>
<br /><br />
<div id="output"></div>

CSS

#otherDiv {
    width: 33%;
}

JavaScript

$("#output").append("<p>CSS: " + $("#someDiv").css("width") + "</p>");
$("#output").append("<p>Style: " + $("#someDiv")[0].style.width + "</p>");

$("#output").append("<p>CSS: " + $("#otherDiv").css("width") + "</p>");
$("#output").append("<p>Style: " + $("#otherDiv")[0].style.width + "</p>");

$("#output").append("<p>CSS: " + $("#lastDiv").css("left") + "</p>");
$("#output").append("<p>Style: " + $("#lastDiv")[0].style.left + "</p>");