<!DOCTYPE html> <html lang=“en”> <head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Header</title>
<style>
  ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color:rgba(0, 0, 0, 0);
  }
  li {
      float: left;
  }
  li a {
      display: block;
      color: rgb(20, 20, 20);
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
  }
  li a:hover {
      text-decoration: underline;
  }
</style>

</head> <body>

<ul>
  <li><a class="active" href="#home">Home</a></li>
  <li><a href="#news">Archive</a></li>
  <li><a href="#about">About</a></li>
</ul>

</body> </html>