JSFiddle - React, Tailwind, and code Playground

HTML

<p id="one">This is a paragraph that matches the constraints.</p>
<hr>
<p id="two">This is a paragraph that does not match the constraintsconstraintsconstraints.</p>

CSS

html, body {
    width: 200px;
}

body {
    border-right: 1px dashed #FF1111;
}

JavaScript

console.log($('#one').width()); // returns 200, correct.
console.log($('#two').width()); // returns 200, but should be larger
console.log($('#two').outerWidth()); // returns 200, but should be larger
console.log($('#two').prop('clientWidth')); // returns 200, but should be larger