Oi Pessoal,
Sempre fui programadora back-end e agora estou me aventurando no front-end.
Estou tentando colocar um botão no canto superior direito da tela, mas o botão está sempre um pouco para baixo 
No caso do código abaixo, estou tentando colocar o
<a id="logout" href="loginForm.htm" style="background-color: gainsboro;padding: 5px;font-size: medium;float: right">Logout</a>
no canto superior direito.
Meu HTML:
<%@page contentType="text/html" pageEncoding="ISO-8859-1"%>
<html>
<head>
<style>
#cabecalho{
color: grey;
text-align: center;
background: white;
font-size: 70px;
padding-bottom: 30px;
padding-top: 30px;
font-family: serif;
}
#menu{
margin-bottom: 2px;
color: gold;
font-weight: bolder;
word-spacing: 30px;
padding: 10px;
}
#link{
color: black;
text-decoration: none;
}
a{
color: black;
}
</style>
</head>
<body>
<div id="cabecalho">
<a id="logout" href="loginForm.htm" style="background-color: gainsboro;padding: 5px;font-size: medium;float: right">Logout</a>
<img src="/LabControl/labControl.jpg"/>
</div>
<hr id="linha" width="100%">
<div id="menu">
<center>
<a id="link" href="inicioCepa.htm" target="iframe">CEPAS</a>
<a id="link" href="inicioPipeline.htm" target="iframe">PIPELINE</a>
<a id="link" href="inicioHistorico.htm" target="iframe">HISTÓRICO</a>
<a id="link" href="inicioUsuarios.htm" target="iframe">USUÁRIOS</a>
</center>
</div>
<hr id="linha" width="100%">
<div>
<iframe name="iframe" style="border: 0;" width="100%" height="100%"></iframe>
</div>
</body>
</html>
Resultado:
Sei que a dúvida é besta pessoal, mas me ajudem 
