I have a link, and it is below my header. I have tried float:top (I don’t even think that is real)
.header {
background-color: grey;
border-radius: 2px;
padding: 1%;
margin: 0%
}
#links {
font-size: xx-large;
text-align: right;
color: white;
}<div class="header">
<header>
<h1>Jackson Pope</h1>
<div id="links">
<a href="about.html">About Me</a>
</div>
</header>
</div>>Solution :
header {
background-color: grey;
border-radius: 2px;
padding: 1%;
margin: 0%;
display: flex;
justify-content: space-between;
align-items: center;
}
#links {
font-size: xx-large;
text-align: right;
color: white;
} <header>
<h1>Jackson Pope</h1>
<div id="links">
<a href="about.html">About Me</a>
</div>
</header>