Make one html element follow another

Question

I have an AngularJS, JS, JQ, HTML5, CSS3 web app. Web interface is supposed to be divided into 2 parts and the first part should be resizable.

I would like to bind location of <preview> element from the first part to the location UNDER the top level of second part (location of "response" word on image) using jquery. So it looked something like this:

It should always be under the border line whenever it goes up or down.

Does anyone know how to solve this using JQuery? Every useful answer is highly appreciated and evaluated.

Thank you.

Answer 1

I might not understand the question but you could try creating a container div around all your HTML elements and giving it a float css property.
then you can cut/paste the element you want underneath to outside of your container and giving it the clear both css property