<nav class="nav">
<a href="#">Link-1</a>
<a href="#">Link-2</a>
<a href="#">Link-3</a>
<a href="#">Link-4</a>
</nav>
.nav{
display:flex;
justify-content:space-around;
padding:1rem;
box-shadow:1px 1px 1px 1px;
}
.nav a{
text-decoration:none;
}
.nav a:hover{
text-decoration: underline
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.