How to align all div content in one line?
<p>I've this div:</p>

<pre><code>&lt;div id="footer" class="footer"&gt;
   &lt;div class="footer-container"&gt;
     &lt;p&gt;Hello World&lt;/p&gt; |
     &lt;span id="select-language" class="label label-info"&gt;
         some text
     &lt;/span&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>How can I align all tag inside <code>footer</code> in one line? I tried this:</p>

<pre><code>.footer-container
{
    margin: 20px 0;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block;
}
</code></pre>