title: Inline content inside li using bootstrap
body: <p>I have header which has ul tag with content inside. I can't inline them.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="navbar-header"&gt;
    &lt;ul class="nav navbar-nav navbar-right"&gt;
      &lt;li&gt;
        &lt;div&gt;
           &lt;span&gt;&lt;img src="1"&gt;&lt;/span&gt;
           &lt;p class="p1"&gt;row information&lt;/p&gt;
        &lt;/div&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;div&gt;
           &lt;span&gt;&lt;img src="1"&gt;&lt;/span&gt;
           &lt;p class="p1"&gt;row information&lt;/p&gt;
        &lt;/div&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;div&gt;
           &lt;span&gt;&lt;img src="1"&gt;&lt;/span&gt;
           &lt;p class="p1"&gt;row information&lt;/p&gt;
        &lt;/div&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/ftzLemjt/" rel="nofollow noreferrer">Here is fiddle</a> </p>