title: How to make span in bootstrap nav have width: 0px?
body: <p>I have a bootstrap nav similar to this below</p>
  
  <pre><code>    &lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
          &lt;div class="navbar-inner"&gt;
              &lt;div class="container"&gt;
                  &lt;ul class="nav"&gt;
                      &lt;li&gt;
                          &lt;a href="about"&gt;&lt;i class="icon-info"&gt;&lt;/i&gt;&lt;span class="no-width"&gt;About&lt;/span&gt;&lt;/a&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And for the .no-width class I set the css to </p>
  
  <pre><code>    .no-width {
          width: 0px;
      }
  </code></pre>
  
  <p>However, the span ends up having a width: auto? Why is this so? How can I make the span in the navbar have no width?</p>
  
  <p>Here is what is what I see for the computed style when I inspect the span in chrome
  <img src="https://i.stack.imgur.com/oRxJ4.png" alt="enter image description here"></p>