How to set a div's position inside another div to bottom right corner?
css, html
Solution
Set `right:0` instead of `float:right`
http://jsfiddle.net/8np2f/4/
Problem
In this example: html ``` <div style="width:50%;overflow:hidden"> <div id="inboxHeader"> <div id="inboxCount"><p>Earth</p></div> </div> </div> ``` css ``` #inboxHeader{ background-color:yellow; height :300px; position: relative; } #inboxCount{ position: absolute; bottom: 0; float:right; } ``` `Earth` is in the `bottom left` corner. So how can I shift it to the `bottom right` corner?