How to place div in top right hand corner of page

Question

How do you float a div to the top right hand corner of a page using css? I want to float the topcorner div which is below:

Answer 1

Try css:

.topcorner{
    position:absolute;
    top:10px;
    right: 10px;
 }

you can play with the top and right properties.

If you want to float the div even when you scroll down, just change position:absolute; to position:fixed;.

Hope it helps.