Estou treinando CSS, comecei a aprender faz pouco tempo, junto com HTML é claro.
Aprendi em HTML algumas coisas básicas, não vou me detalhar muito, no CSS aprendi padding, margin, float, inline-block, posicionamentos estáticos, relativos, absolutos e fixos, e alguns métodos de estilização de texto.
Estou treinando o CSS construindo uma HomePage estilo bots do discord.
Gostaria de posicionar os links no canto superior direito, mas não estou conseguindo, já tentei usar float, mas não dá muito certo pois, quando uso float e posiciono no lado direito da página, não consigo subir os links para cima através do margin-bottom...
/* LIMPAR FORMATAÇÃO PADRÃO */
* {
margin: 0;
padding: 0;
}
/* LAYOUT */
#area-cabecalho {
background: #2b2b2b;
height: 110px;
}
#logo-cabecalho {
color: white;
font-size: 2em;
padding: 15px 0px;
margin-left: 200px;
font-family: American Typewriter, serif;
}
a {
color: white;
}
body {
background: #363636;
}
<div id="area-cabecalho">
<!-- ÁREA DO CABEÇALHO - INICIO -->
<div id="logo-cabecalho">
<h1>Borhnag</h1>
</div>
<div id="links">
<a href="">Comandos</a>
<a href="">Docs</a>
<a href="">Suporte</a>
<a href="">Convite</a>
</div>
</div>
<!-- ÁREA DO CABEÇALHO - FINAL -->