title: align vertically text in a navbar
body: <p>How I do vertically align text inside a <code>navbar</code> or a footer</p>
  
  <p>I tried a couple of things mentioned here but I wasn't able to do it. 
  <a href="http://phrogz.net/CSS/vertical-align/index.html" rel="nofollow noreferrer">http://phrogz.net/CSS/vertical-align/index.html</a></p>
  
  <p>Can you at least point me out to a source where I can learn about about alignment </p>
  
  <p>This how it looks:</p>
  
  <p><img src="https://i.stack.imgur.com/ShPOy.png" alt="enter image description here"></p>
  
  <p>Source:</p>
  
  <pre><code>  &lt;div class='navbar navbar-fixed-bottom navbar-inverse'&gt;
      &lt;div class='navbar-inner'&gt;
        &lt;div class='container-fluid'&gt;
          &lt;ul class='nav pull-left'&gt;
            &lt;li style='font-size:medium; color: #E8E8E8'&gt;
              &lt;ul class='inline'&gt;
                &lt;li class='active'&gt;
                  &lt;i class='icon-warning-sign'&gt;&lt;/i&gt;
                  TEXT HERE
                &lt;/li&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>