HTML Colocar botão no canto superior direito de uma página web

[Joel Martins]

Bom Dia programadores:)

Alguém me poderia ajudar a colocar um botão no canto superior direito?

Eu já estive a tentar mas não consegui.

Aqui está o que consegui fazer.

 <style>
                                #cabecalho{
                                    color: grey;
                                    text-align: right;
                                    background: white;
                                    font-size: 70px;
                                    padding-bottom: 30px;
                                    padding-top: 30px;
                                    font-family: serif; 
                                    }
                            </style>            
                                <div id="cabecalho" href="sobre.html"><button> Sobre </button></div>

Agradeço toda a ajuda possível:)

[AfonsoMira]

@Joel Martins Veja se assim lhe ajuda:
 

#cabecalho{
  color: grey;
  background: white;
  font-size: 70px;
  font-family: serif;
  position: absolute;
  top: -35px;
  right: 10px;									
}

 

[Joel Martins]

@AfonsoMira Pode explicar-me o que fez e o que significa?Obrigado:)

[AfonsoMira]

@Joel Martins Não lhe consigo explicar muito bem o uso do position:absolute.

Por palavras minhas ele faz com que outros elementos ignorem o objeto, podendo assim escolher depois as coordenadas x e y (top, right, bottom, left).
Deixo alguns links sobre o assunto espero que lhe ajude:

• medium.com

• bertholdo.com.br

• web.fe.up.pt

[Joel Martins]

26 minutos atrás, AfonsoMira disse:

#cabecalho{ color: grey; background: white; font-size: 70px; font-family: serif; position: absolute; top: -35px; right: 10px; }

Só agora dei conta que ao fazer isto

<style>
                            #cabecalho{
                              color: grey;
                              background: white;
                              font-size: 70px;
                              font-family: serif;
                              position: absolute;
                              top: -35px;
                              right: 10px;									
                            }
                            </style>            
                                <div id="cabecalho" href="sobre.html"><button> Sobre </button></div>

O botão deixa de funciona

[AfonsoMira]

Troque: 

51 minutos atrás, Joel Martins disse:

<div id="cabecalho" href="sobre.html"><button> Sobre </button></div>

 Por:

<div id="cabecalho">
  	<a href="sobre.html"><button> Sobre </button></a>
</div>

 

Estava faltando a TAG a

Sem ela não existia nenhum link.

 

Aqui fica um link para melhor consulta: tag <a>