Как заставить <div>всегда находиться в верхнем правом углу окна браузера независимо от размера браузера?

Question

Я хочу, чтобы следующий код всегда был в верхнем правом углу, независимо от размера (то есть, когда пользователь изменяет размер окна браузера, он все еще находится в той же позиции):

<div id="navbar"><a href="#">Our Blog</a></div>

CSS, который сопровождает это следующим образом:

#navbar {
    position: absolute;
    left: 850px;
    width: 100px;
    padding: 15px 0 0 0;    
}

Я бы хотел сделать это только в CSS и HTML.

Answer 1

изменить его с позиции слева на позицию справа ...

#navbar {
  position: absolute;
  right: 0;
  width: 100px;
  padding:  15px 0 0 0;
}