How to resize navigation width based on text?
<p>So i have navigation that is  <code>width: 78.8%;</code> and i need to put text inside like this on fiddle: <a href="https://jsfiddle.net/cj8c7mhr/" rel="nofollow">https://jsfiddle.net/cj8c7mhr/</a></p>

<p>But how can i set with automatic so that i can put longer words.</p>

<pre><code>&lt;div class="nav-wrapp"&gt;
                    &lt;div class="nav-box"&gt;
                        &lt;nav class="navbar navbar-default pull-left"&gt;
                            &lt;ul class="nav navbar-nav "&gt;
                                &lt;li&gt;&lt;a href="#"&gt;O Revicon&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Konzalting&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Seminar i savjetovanja&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Časopisi&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Izdavaštvo&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Kontakt&lt;/a&gt;&lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/nav&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
</code></pre>

<p>I want that they be next each other...</p>