CSS float: right; not working
<pre class="lang-html prettyprint-override"><code>&lt;div id="left-aligh"&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Registered With&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Social&lt;/a&gt;&lt;/li&gt;
        &lt;li style="float: right;"&gt;&lt;a class="active" href="#"&gt;Regsiter&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>All the menu items have been pushed to left using this code below </p>

<pre class="lang-css prettyprint-override"><code>#left-aligh {
    float: left;
    position: relative;
    bottom: 300px;
}
</code></pre>

<p>but I want to push the register alone to the right for the float option is not working. I have tried to declare inside <code>&lt;li&gt;</code> itself but it's not working, kindly help.</p>