JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<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

var parentWidth = $("#parent").width();
    var floatDivWidth = $("#floating").width();
    var pWidth = parentWidth-floatDivWidth;
    
    alert(pWidth);