How to overlay one div over another div

I need assistance with overlaying one individual div over another individual div.

My code looks like this:

<div class="navi"></div>
<div id="infoi">
    <img src="https://stackoverflow.com/questions/2941189/info_icon2.png" height="20" width="32"/>
</div>

Unfortunately I cannot nest the div#infoi or the img, inside the first div.navi.

It has to be two separate divs as shown, but I need to know how I could place the div#infoi over the div.navi and to the right most side and centered on top of the div.navi.

9

Leave a Comment