<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <header>
        <nav class="mainNavigation">
            <ul class="mainItems">
              <h3>Navbar</h3>
                <li class="listItem">
                    <a href="">Home</a>
                </li>
                <li class="listItem">
                    <a href="">Features</a>
                </li>
                <li class="listItem">
                    <a href="">Pricing</a>
                </li>
                 <li class="listItem">
                    <a href="">About</a>
                </li>
            </ul>
          </div>
        </nav>
  </header>
</body>
li {
  display:flex;
  text-decoration: None;
  margin-top:21px;
  margin-left:120px;
}

ul{
  display:flex;
  background-color:aqua
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.