title: Unable to add space above navigation bar
body: <p>I'm trying to add a space above my navigation bar, however the code I'm using is failing to do so.</p>
  
  <h3>My CSS</h3>
  
  <pre><code>.top-nav ul {
      text-align: right;
      width: 100%;
  }
  .top-nav  li {
      display:inline;
  }
  .top-nav a {
      padding-top: 40px;
  }
  .top-nav  ul a {
      color: #000;
      padding: 0 10px;
      text-decoration: none;
      font-size: 20px;
  }
  .top-nav  ul a:hover {
      color: #333;
  }
  </code></pre>
  
  <h3>A Fiddle</h3>
  
  <p><a href="https://jsfiddle.net/xuk2nk46/" rel="nofollow">https://jsfiddle.net/xuk2nk46/</a></p>