<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
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.