Nav bar align: Logo on left, links on right
<p>I'm having trouble getting the alignments right on a nav bar. I'm trying to figure out how to get the logo part to stay on the left of the nav bar, but put the links on the right side. I've tried using float: right but I can't seem to get it to work on just the links. How can I do this?</p>

<p><a href="https://jsfiddle.net/t46bcayd/1/" rel="nofollow">https://jsfiddle.net/t46bcayd/1/</a></p>

<p></p>

<pre><code>&lt;nav&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="http://google.com/" class="logo"&gt;Logo&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="http://google.com/"&gt;One&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Two&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Three&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/nav&gt;
</code></pre>

<p></p>