Question

I have a sequence of couples of elements. (.div1, .div2) I’m using position:relative attribute on .div2 to move it a bit on top and right with respect to div1.

However .div1 elements have different content and heights, so the relative positioning of .div2 is not consistent (they sometimes are too high, sometimes too low).

.div2 {
    position:relative;
    left:200px;
    top:-300;   
}

thanks

Updated:
The HTML code is very simple

<div class="div1"> blabla </div>
<div class="div2"> blabla </div>

Answer 1

If “.div2” is inside “.div1”, you could use position:relative on .div1, and the position:absolute on .div2, to force it to get it’s position relative to .div1.

A bit counterintuitive, but it works.