title: <li> on the same line - Bootstrap
body: <p>I have this code:</p>
  
  <pre><code> &lt;div class="well sidebar-nav"&gt;
      &lt;ul class="nav nav-list"&gt;
        &lt;li class="nav-header"&gt;Pacientes&lt;/li&gt;
        &lt;li class="active"&gt;&lt;a href="#"&gt;&lt;img src="../../img/catalogo_pacientes.png"/&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Editar Paciente&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;&lt;img src="../../img/add_paciente.png"/&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li class="nav-header"&gt;Administrativo&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;&lt;img src="../../img/exportar_dados.png"/&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Adicionar Campos&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;&lt;!--/.well --&gt;
  </code></pre>
  
  <p>Can't figure out how to make it as the li content stay on the same line, preferably with some padding between them.</p>
  
  <p>I'm making some tests with display:inline, but I can't figure the right way to put it on CSS</p>
  
  <p>-- EDIT --</p>
  
  <p>I'm having a few issues to add a comment here, so I'll just edit here.</p>
  
  <p>The solution you presented worked! Thank you!</p>