JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
	<div id="floating" style="display: block;width: 170px;height: 80px;float: right;background-color: red;">
		Floating div
	</div>
    <div id="child">
        <p id="p1">long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long </p>
    </div>
</div>

CSS

#parent {
    width: 600px;
    background-color: green;
}

JavaScript

alert(document.getElementById("p1").offsetWidth);