Как мне top-nav поместить в section?
<!DOCTYPE html>
<html>
<head>
<title>Piroll Page</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<main>
<section class="first-section">
<a href="#" id="piroll-logo"><img src="Images/piroll-logo.svg" width="17"></a>
<nav class='top-nav'>
<ul id="top-list">
<li>Home</li>
<li>About</li>
<li>Work</li>
<li>Process</li>
<li>Services</li>
<li>Testimonials</li>
<li>Contact</li>
</ul>
</nav>
</section>
</main>
</body>
</html>
Стили:
#top-list{
list-style-type: none;
display: inline-flex;
}
li{
margin: 10px;
}
.top-nav{
position: absolute;
right: 0;
border: 5px solid black;
}
.first-section{
border: 5px solid black;
position: relative;
}