title: How do I Vertically Center Text in My Navigation Bar?
body: <p>HTML:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class = "container"&gt;
          &lt;div class = "nav"&gt;
              &lt;ul class = "pull-left"&gt;
                  &lt;li&gt;&lt;a class = "brand" href = "/"&gt;New York Guide&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  
              &lt;ul class = "pull-right"&gt;
                  &lt;li&gt;&lt;a href = "#"&gt;Sign Up&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href = "#"&gt;Log In&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href = "#"&gt;Help&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;       
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt; 
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.nav li {
      display: inline;
  }
  
  .nav a {
      color: white;
      font-size: 12px;
      font-weight: bold;
      padding: 14px 10px;
      text-transform: uppercase;
  }
  
  .nav {
      background-color: #7f7f7f;
  }
  </code></pre>
  
  <p>Currently, my navigation bar's text is close to the top of the gray bar. Is there any way to center it vertically in the bar? </p>
  
  <p>Do I need to use padding or margin tags? Or something else entirely?</p>