исправление одного деления на второй верхний правый угол дел с помощью CSS

Question

У меня есть следующие div

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

Как мне закрепить внутренний div в верхнем правом углу внешнего div?

Answer 1

Попробуйте что-то вроде этого:

#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

добавить float:right; к внутреннему div