Fixing one div in second upper right corner using css

Question

I have the following divs

<div id="outer"><img src="myimgpath"><div id="name">Username</div></div> 

How to fix the inner div in the upper right corner?

Answer 1

Try something like this:

 #outer{position:relative;overflow:hidden;height:100px;} #name{position:absolute;right:0;} 

Answer 2

 <div id="outer" style="position:relative"> <img src="myimgpath"> <div id="name" style="position:absolute; top:0px; right:0px;">Username</div> </div> 

Answer 3

add float:right; into the inner div