Detecting if an element is floating into another element

Is there a way to find out if paragraph x has any floating elements overlapping it.

for example, if you look at the following HTML:

<div>
<img src=“” style=“float:left;” />
<p>some text</p>
<p> some more text</p>
</div>

Because the image is floating, then the text will be displaying around it. Once the height of the image is reached, any paragraphs further down the page will not have the image floating inside of it. Is there any way I can detect whether this is happening to a element on the page?

You’d have to compare the height of the image with the height of the paragraph when the page is loaded (you could google for a function to get the height of an element).

Why do you want to do this?