<header>
  <nav>    
      <a href="#">Page1</a>
      <a href="#">Page2</a>
      <a href="#">Page3</a>
      <a href="#">Page4</a> 
      <a href="#">Page5</a>
  </nav>
</header>
header{
  width: 100%;
  height: 100px;
  background: #FF0072;
  display: flex;  
}
nav{
  width: 80%;
  height: 60px;
  margin: auto;
  background: #40F3A1;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
nav a{
  padding: 8px 24px;
  background: #3D99FD;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.