title: Trying to evenly space out an image nav link with the rest of the text links in navigation
body: <p>I'm trying to make my first website after reading an html/css book.
  I'm having difficulty evenly spacing out my navigation.
  <a href="https://i.stack.imgur.com/1AkHZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1AkHZ.png" alt="enter image description here"></a></p>
  
  <p>The image is vertically centered, however the text gets thrown off. Just need help in how to correct this.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;nav&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a style="padding: 0;" href="html.html"&gt;
          &lt;img src="Images/Intak Mark-01.png" /&gt;
          &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="html.html"&gt;Printing&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="html.html"&gt;Graphic Design&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="html.html"&gt;Chinese Calendars&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="html.html"&gt;FAQS&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="html.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>    nav {
      position: fixed; left: 0px; top: 0px; 
      margin: 0; 
      background-color: black; 
      align-content: center; 
      font-size: 20px; 
      float: left; 
      border-radius: 0px;
      border: none;
      width: 100%;
      overflow: hidden;
  }
  
  ul {list-style-type: none;
      margin: 0;
  }
  
  li {display: block;
  float: left;
  padding: 15px 32px;
  }
  
  a {text-decoration: none; color: white;}
  }
  </code></pre>
  
  <p></p>
  
  <p>If there this is really bad markup, please let me know how I can fix it. I'm still learning.</p>
  
  <p>Also had a separate question. The body I just repeated the word "text" to show how the scrolling would look. I tried using position: sticky, as I found a solution on line for having the text start at the bottom of the nav instead of underneath. However, when I do this, the nav no longer expands the entire width of the viewport.</p>