Is it possible to float an element to top and outside. I have tried with CSS like this, but it doesn't work:

img{
  float: top outside;
}

What I basically want, is the element to float to the top outside corner of the page.

No, this is not yet possible. You can float to top corner in a multi-column layout, though.

This would indeed be a lovely feature. It's such a common case in books (see attached).

1. top-outside-float.jpg‎ 414.4 kB